Skip to content

Commit

Permalink
adding .fa-icon mixin FortAwesome#2305 FortAwesome#2454
Browse files Browse the repository at this point in the history
  • Loading branch information
davegandy committed Aug 24, 2014
1 parent 71d241a commit 03f71ba
Show file tree
Hide file tree
Showing 4 changed files with 26 additions and 0 deletions.
9 changes: 9 additions & 0 deletions less/mixins.less
Original file line number Diff line number Diff line change
@@ -1,6 1,15 @@
// Mixins
// --------------------------

.fa-icon() {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome; // shortening font declaration
font-size: inherit; // can't have font-size inherit on line above, so need to override
text-rendering: auto; // optimizelegibility throws things off #1094
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.fa-icon-rotate(@degrees, @rotation) {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation);
-webkit-transform: rotate(@degrees);
Expand Down
9 changes: 9 additions & 0 deletions scss/_mixins.scss
Original file line number Diff line number Diff line change
@@ -1,6 1,15 @@
// Mixins
// --------------------------

@mixin fa-icon() {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome; // shortening font declaration
font-size: inherit; // can't have font-size inherit on line above, so need to override
text-rendering: auto; // optimizelegibility throws things off #1094
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

@mixin fa-icon-rotate($degrees, $rotation) {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
-webkit-transform: rotate($degrees);
Expand Down
4 changes: 4 additions & 0 deletions src/assets/font-awesome/less/mixins.less
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 3,10 @@
// Mixins
// --------------------------

.fa-icon() {
{% include code/core.css %}
}

.fa-icon-rotate(@degrees, @rotation) {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation);
-webkit-transform: rotate(@degrees);
Expand Down
4 changes: 4 additions & 0 deletions src/assets/font-awesome/scss/_mixins.scss
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 3,10 @@
// Mixins
// --------------------------

@mixin fa-icon() {
{% include code/core.css %}
}

@mixin fa-icon-rotate($degrees, $rotation) {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
-webkit-transform: rotate($degrees);
Expand Down

0 comments on commit 03f71ba

Please sign in to comment.