work.suroh.tk/node_modules/browser-sync-ui/static/components/switches.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>