1

Form Elements

1.1

form-elements.scss

Buttons

Alternate colors are available through these classes

  • .red
  • .yellow
  • .green
  • .grey

Variants

  • :hover - Hovered Button
  • :active - Active Button
Button Button Button Button Button
:hover Button Button Button Button Button
:active Button Button Button Button Button 
<a class='button'>Button</a>
<a class='button red'>Button</a>
<a class='button green'>Button</a>
<a class='button yellow'>Button</a>
<a class='button grey'>Button</a>

1.2

form-elements.scss

Check Boxes

1
2 
<div class="checkbox">
  <input type="checkbox" name="user" id="user" value="1" multiple="multiple" />
  <span>1</span>
</div>
<div class="checkbox">
  <input type="checkbox" name="user" id="user" value="2" multiple="multiple" checked="checked" />
  <span>2</span>
</div>