mixins.less (983B)
1 // Mixins 2 // -------------------------- 3 4 .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 .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 .fa-icon-flip(@horiz, @vert, @rotation) { 23 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation, mirror=1); 24 -webkit-transform: scale(@horiz, @vert); 25 -ms-transform: scale(@horiz, @vert); 26 transform: scale(@horiz, @vert); 27 }