Skip to content

Instantly share code, notes, and snippets.

@psteinweber

psteinweber/Font Awesome checkbox.css

Last active January 4, 2016 02:39
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 psteinweber/8556318 to your computer and use it in GitHub Desktop.
Save psteinweber/8556318 to your computer and use it in GitHub Desktop.
Download ZIP
#fontawesome checkboxes
Raw
Font Awesome checkbox.css
label {
font-weight: 400;
}
label p {
margin-top: -40px;
margin-left: 40px;
}
input[type="checkbox"] {
display:none;
}
input[type="checkbox"] + span:before {
font-family: 'FontAwesome';
font-size: 30px;
}
input[type="checkbox"] + span:before {
content: "\f096"; /* check-empty */
}
input[type="checkbox"]:checked + span:before {
content: "\f046"; /* check */
}
Raw
Font Awesome checkbox.html
<label for="checkbox-1">
<input type="checkbox" name="checkbox-name" id="checkbox-1"><span></span><p>Description</p>
</label>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment