Skip to content

README.md

Latest commit

 

History

History
29 lines (24 loc) · 1.1 KB

README.md

File metadata and controls

29 lines (24 loc) · 1.1 KB

css-input

If you like custom css inputs (checkboxes & radio buttons) check out the index.html file to understand the simplicity of usage. All you need to do is only extra class added to your <form> tag. Choose pattern you like and have fun!

Patterns (it's a class name for <form> tag)

  • css-input
  • css-input with same-line
  • css-input with type-1
  • css-input with color-1
  • css-input with anim-1 or anim-2 or anim-3
example usage
<form class="css-input type-1 anim-1">
  <input id="input-1" type="checkbox"/>
  <label for="input-1">Example label for css-input</label>

  <input id="input-2" type="radio"/>
  <label for="input-2">Example label for css-input</label>
</form>

Installation

  • install nodejs (https://nodejs.org)
  • install gulp npm install -g gulp
  • install node dependencies npm install
  • single compilation for source files gulp (now you have distribution files in dist folder)
  • files watcher for development gulp watch

This version works only on chrome (so far)