input[type=checkbox]
  position absolute
  overflow hidden
  clip rect(0 0 0 0)
  height 1px
  width 1px
  margin -1px
  padding 0
  border 0

* + label.checkbox
  display none

input[type=checkbox] + label.checkbox
  position relative
  width $checkbox-size + 2*$checkbox-margin
  height $checkbox-size + 2*$checkbox-margin
  display inline-block
  font-size $checkbox-size - 2*$checkbox-padding
  cursor pointer
  color $color

  &:before
    center absolute
    line-height $checkbox-size
    text-align center
    border 1px solid $checkbox-border-normal
    height $checkbox-size
    width $checkbox-size
    content ' '
    font-family FontAwesome

input[type=checkbox]:checked + label.checkbox
  &:before
    content '\f00c'

input[type=checkbox]:focus + label.checkbox:before
  border-color $checkbox-border-active