70 lines
2.8 KiB
HTML
70 lines
2.8 KiB
HTML
<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>
|