_mixins.scss (1000B)
1 // Mixins 2 // -------------------------- 3 4 @mixin fa-icon() { 5 display: inline-block; 6 font: normal normal normal #{$fa-font-size-base}/1 FontAwesome; // shortening font declaration 7 font-size: inherit; // can't have font-size inherit on line above, so need to override 8 text-rendering: auto; // optimizelegibility throws things off #1094 9 -webkit-font-smoothing: antialiased; 10 -moz-osx-font-smoothing: grayscale; 11 transform: translate(0, 0); // ensures no half-pixel rendering in firefox 12 13 } 14 15 @mixin fa-icon-rotate($degrees, $rotation) { 16 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}); 17 -webkit-transform: rotate($degrees); 18 -ms-transform: rotate($degrees); 19 transform: rotate($degrees); 20 } 21 22 @mixin fa-icon-flip($horiz, $vert, $rotation) { 23 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}); 24 -webkit-transform: scale($horiz, $vert); 25 -ms-transform: scale($horiz, $vert); 26 transform: scale($horiz, $vert); 27 }