pretty checkbox
<!-- add class p-switch -->
<div class="pretty p-switch">
<input type="checkbox" />
<div class="state">
<label>Outline</label>
</div>
</div>
<!-- add class p-switch -->
<div class="pretty p-switch p-fill">
<input type="checkbox" />
<div class="state">
<label>Fill</label>
</div>
</div>
<!-- add class p-switch -->
<div class="pretty p-switch p-slim">
<input type="checkbox" />
<div class="state">
<label>Slim</label>
</div>
</div>