background_icon_mixins.scss

@mixin background-icon($color: #444, $font-size: 19px, $left: 5px, $top: 5px) {
  position: relative;

  &:before {
    position: absolute;
    left: $left;
    top: $top;

    font-size: $font-size;
    line-height: 1;
    text-indent: 0;
    color: $color;
  }
}

@mixin background-icon-color($color) {
  &:before {
    color: $color;
  }
}

@mixin background-icon-animation($name, $duration: 1.5s) {
  &:before {
    // Bourbon Mixin
    @include animation($name $duration ease infinite);
  }
}