align left checkboxes

This commit is contained in:
Adam Bradley
2013-10-17 14:52:39 -05:00
parent 63dfbbd9ef
commit 92be3c5974
5 changed files with 79 additions and 26 deletions

View File

@ -17,18 +17,38 @@
<main class="content has-header">
<ul class="list">
<li class="list-item">
Airplane Mode
<div class="checkbox" id="airplaneMode">
<input type="checkbox" name="airplaneMode">
</div>
<ul class="padding">
<li class="list-item checkbox-item">
<div class="list-item-content">
Flux Capacitor
</div>
<label class="checkbox">
<input type="checkbox" checked>
</label>
</li>
<li class="list-item">
Do Not Disturb
<div class="checkbox" id="doNotDisturb">
<input type="checkbox" name="doNotDisturb" checked="checked">
</div>
<li class="list-item checkbox-item">
<div class="list-item-content">
1.21 Gigawatts
</div>
<label class="checkbox">
<input type="checkbox" checked>
</label>
</li>
<li class="list-item checkbox-item">
<div class="list-item-content">
88 MPH
</div>
<label class="checkbox">
<input type="checkbox" checked>
</label>
</li>
<li class="list-item checkbox-item">
<div class="list-item-content">
Plutonium Resupply
</div>
<label class="checkbox">
<input type="checkbox">
</label>
</li>
</ul>