Switches

Basic

div
  label.c-switch
    input type="checkbox"
    div.c-switch__toggle

div
  label.c-switch
    input type="checkbox" checked="checked"
    div.c-switch__toggle

<div>
  <label class="c-switch"><input type="checkbox" />
    <div class="c-switch__toggle"></div>
  </label>
</div>
<div>
  <label class="c-switch"><input type="checkbox" checked="checked" />
    <div class="c-switch__toggle"></div>
  </label>
</div>

Disabled state

div
  label.c-switch
    input type="checkbox" disabled="disabled"
    div.c-switch__toggle

div
  label.c-switch
    input type="checkbox" checked="checked" disabled="disabled"
    div.c-switch__toggle

<div>
  <label class="c-switch"><input type="checkbox" disabled="disabled" />
    <div class="c-switch__toggle"></div>
  </label>
</div>
<div>
  <label class="c-switch"><input type="checkbox" checked="checked" disabled="disabled" />
    <div class="c-switch__toggle"></div>
  </label>
</div>