switches.html
2.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<section bs-panel="switch" ng-class="{'disabled': !active}">
<div bs-panel-content>
<div bs-panel-icon>
<div class="switch">
<input id="switch-1"
ng-model="item[prop]"
ng-change="toggle(item)"
class="cmn-toggle cmn-toggle-round"
type="checkbox"
checked="">
<label for="switch-1"></label>
</div>
</div>
<div>
<p bs-text="lede">Css Grid Overlay</p>
<p>Some other content</p>
</div>
</div>
<div bs-panel-content>
<div bs-inputs bs-grid="wide-4 desk-2">
<div bs-grid-item>
<div bs-input="text">
<label for="grid-size" bs-input-label>Grid Size</label>
<input id="grid-size" type="text" size="16px" value="16px" placeholder=""/>
</div>
</div>
<div bs-grid-item>
<div bs-input="text">
<label for="grid-colour" bs-input-label>Grid Colour</label>
<input id="grid-colour" type="text" size="rgba(0, 0, 0, 0.2)" value="rgba(0, 0, 0, 0.2)" placeholder=""/>
</div>
</div>
<div bs-grid-item>
<div bs-input="text">
<label for="grid-selector" bs-input-label>Grid Selector</label>
<input id="grid-selector" type="text" size="body" value="body" placeholder=""/>
</div>
</div>
</div>
<div bs-inputs bs-grid="wide-4 desk-2">
<div bs-grid-item>
<div bs-input="text">
<label for="offset-top" bs-input-label>Offset Top</label>
<input id="offset-top" type="text" size="0" value="0" placeholder=""/>
</div>
</div>
<div bs-grid-item>
<div bs-input="text">
<label for="offset-bottom" bs-input-label>Offset Bottom</label>
<input id="offset-bottom" type="text" size="0" value="0" placeholder=""/>
</div>
</div>
</div>
<div bs-inputs bs-grid="wide-4 desk-2">
<div bs-grid-item>
<div bs-input="inline">
<input type="checkbox" id="vertical-axis" checked>
<label for="vertical-axis" bs-input-label>Vertical Axis</label>
</div>
</div>
<div bs-grid-item>
<div bs-input="inline">
<input type="checkbox" id="horizontal-axis" checked>
<label for="horizontal-axis" bs-input-label>Horizontal Axis</label>
</div>
</div>
</div>
</div>
</section>