[class^="uicon-"], [class*=" uicon-"] {
  speak none
  font-style normal
  font-weight normal
  font-variant normal
  text-transform none

  /* Better Font Rendering =========== */
  -webkit-font-smoothing antialiased
  -moz-osx-font-smoothing grayscale

  &:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family 'uifont' !important
  }
}

.uif-i
  display inline-block
  text-align center
  &-action
    cursor pointer
    width 16px
    font-size @width
    line-height @width
    color $icon-action-color
    &^[0]-disabled
      color $icon-action-disabled-color
      cursor $cursor-disabled
    &^[0]-available
      &:hover
      &^[0]-hover
      &:active
      &^[0]-active
        color $icon-action-hover-color
  &-none
    width 16px
    font-size @width
    line-height @width