Skip to content

Instantly share code, notes, and snippets.

@TheNaoX
Created March 17, 2015 04:29
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save TheNaoX/40ef1f92561b5fd84eb3 to your computer and use it in GitHub Desktop.
Save TheNaoX/40ef1f92561b5fd84eb3 to your computer and use it in GitHub Desktop.
SASSy font awesome checkboxes.
input[type="checkbox"] {
display: none;
& + label {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
& + label:before {
font-family: FontAwesome;
display: inline-block;
content: "\f096";
letter-spacing: 10px;
}
&:checked + label:before {
content: "\f046";
letter-spacing: 5px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment