Toggle

Custom Toggle Switch

//Include these variables in your theme file to change the color of your switch
$switch--on: $blue !default; //Color of switch when on
$switch--off: $gray-250 !default; //Color of switch when off

<!-- Custom Toggle Switch -->
<fieldset class="column column--full">
  <label class="inline" for="switch1">Switch</label>
  <div class="switch">
    <input name="switch" type="checkbox" class="switch--checkbox" id="switch1" />
    <label class="switch--label" for="switch1">
      <span class="switch--inner"></span>
      <span class="switch--handle"></span>
    </label>
  </div>
</fieldset>