Skip to content

Instantly share code, notes, and snippets.

@zackn9ne
Created December 5, 2014 23:10
Show Gist options
  • Select an option

  • Save zackn9ne/a4209015624eeb26c77d to your computer and use it in GitHub Desktop.

Select an option

Save zackn9ne/a4209015624eeb26c77d to your computer and use it in GitHub Desktop.
checkboxes and radial buttons scss
/* FORM GUTS */
form label {
display: block;
input[type="checkbox"], input[type="radio"] {
display: none;
}
&.label_radio {
position: relative;
min-height: 50px;
padding: 1px 0px 0px 60px;
background: url("../img/sprites/sprite-check-boxes.png") no-repeat 0px -150px;
&.checked {
background-position: 0px -200px;
}
}
&.label_checkbox {
position: relative;
min-height: 50px;
padding: 3px 0px 0px 50px;
background: url("../img/sprites/sprite-check-boxes.png") no-repeat 0px 0px;
}
&.checked {
background-position: 0px -100px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment