/* FONT AWESOME CORE
 * -------------------------- */

[class^="icon-"]
[class*=" icon-"]
  font-family FontAwesome
  font-weight normal
  font-style normal
  text-decoration inherit
  -webkit-font-smoothing antialiased
  *margin-right .3em

  &:before
    text-decoration inherit
    display inline-block
    speak none

  &.hide
    display none

  &.pull-left
    margin-right .3em

  &.pull-right
    margin-left .3em

  &.icon-fixed-width
    display inline-block
    width (18/14)em
    text-align center

    &.icon-large
      width (22/14)em

.icon-large:before
  vertical-align -10%
  font-size (4/3)em

/* makes sure icons active on rollover in links */
a
  [class^="icon-"],
  [class*=" icon-"]
    &, &:before
      display inline

ul.icons-ul
  list-style-type none
  text-indent -(10/14)em
  margin-left (30/14)em

  > li
    .icon-li
      width (10/14)em
      display inline-block
      text-align center

.icon-muted
  color iconMuted

.icon-light
  color iconLight

.icon-dark
  color iconDark

// Icon Borders
// -------------------------

.icon-border
  border solid 1px borderColor
  padding .2em .25em .15em
  border-radius(3px)

// Icon Sizes
// -------------------------

.icon-2x
  font-size 2em
  &.icon-border
    border-width 2px
    border-radius(4px)

.icon-3x
  font-size 3em
  &.icon-border
    border-width 3px
    border-radius(5px)

.icon-4x
  font-size 4em
  &.icon-border
    border-width 4px
    border-radius(6px)

.icon-5x
  font-size 5em
  &.icon-border
    border-width 5px
    border-radius(7px)

// Floats & Margins
// -------------------------

// Quick floats
.pull-right
  float right

.pull-left
  float left