css/font-awesome/scss/_mixins.scss

   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 }