Filter Checkbox

by mgoetzke

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/lettering.js/0.6.1/jquery.lettering.min.js"></script>
<input id="Option" type="checkbox" class="toggle-mode">
<label class="toggle-mode text-filter" for="Option">Filter</label>

CSS

input.toggle-mode
{
    display:none
}

label.text-filter .char4 {
  margin-left: -2px;
}

label.toggle-mode
{
    text-transform: uppercase;    
    font-family: sans-serif;
    font-weight: bold;
  
    padding: 4px;
    -webkit-user-select: none;
    text-rendering: optimizeLegibility;
    letter-spacing: 1px;
}

input[type=checkbox]:checked + label.toggle-mode
{
    color: #F7C312;
}

JavaScript

$(document).ready(function() {
    $(".text-filter").lettering();
  });
window.jQuery = $;