Checkboxes for Skeleton CSS
Fairly simple checkbox styles for Skeleton CSS, inspired by Material Design.
Available on bower and npm with
$ npm install skeleton-checkboxes$ bower install skeleton-checkboxes
Add the following html for each checkbox to be styled. The ordering of elements is important because of how the CSS selectors are structured
When using the checkbox styles, if you have a non-white background or for other aesthetic reasons, there might be a need to tune the colors. This can easily be achieved like so:
Add the matching
class attribute to the
<input> element, fe.
<input type="checkbox" class="pink" id="pink-checkbox">.
Possible future efforts
- evaluate focos effects (zoom?)