app/assets/stylesheets/font-awesome/_mixins.scss
@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";