haines/font_awesome_rails

View on GitHub
app/assets/stylesheets/font-awesome/_mixins.scss

Summary

Maintainability
Test Coverage
@mixin icon($before, $after: false) {
  @include icon-before($before) { @content; }
  @if $after {
    @include icon-after($after) { @content; }
  }
}

@mixin icon-before($name) {
  @include icon-before-style {
    @include icon-content($name);
    margin-right: 0.25em;
    @content;
  }
}

@mixin icon-after($name) {
  @include icon-after-style {
    @include icon-content($name);
    margin-left: 0.25em;
    @content;
  }
}

@mixin icon-content($name) {
  @extend %icon-content;
  content: icon-character($name);
}

@mixin icon-image($args...) {
  background: {
    image: url(icon-image($args...));
    repeat: no-repeat;
  }
}

@mixin icon-style {
  @include icon-before-style {
    @content;
  }
  @include icon-after-style {
    @content;
  }
}

@mixin icon-before-style {
  &:before {
    @content;
  }
}

@mixin icon-after-style {
  &:after {
    @content;
  }
}

@import "styles";