Oversan/checkbox_css.md

Created April 13, 2016 12:19

Star (0) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/Oversan/d38117cc70966e9ae6664cc36d408573.js"></script>
Save Oversan/d38117cc70966e9ae6664cc36d408573 to your computer and use it in GitHub Desktop.

checkbox_css

Raw

  label {
    width: 20px;
    height: 18px;
    display: inline-block;
    position: relative;
    input[type="checkbox"] + span {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      cursor: pointer;
      background: url(image_path('buttons/checkbox.png')) no-repeat;
    }
    input[type="checkbox"]:checked + span {
      background-position: 0 -20px;
    }
  }
}