You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
69 lines
2.8 KiB
69 lines
2.8 KiB
<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>
|
|
|