view/theme/frio/frameworks/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}/#{$fa-line-height-base} 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
  12 }
  13
  14 @mixin fa-icon-rotate($degrees, $rotation) {
  15   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
  16   -webkit-transform: rotate($degrees);
  17       -ms-transform: rotate($degrees);
  18           transform: rotate($degrees);
  19 }
  20
  21 @mixin fa-icon-flip($horiz, $vert, $rotation) {
  22   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
  23   -webkit-transform: scale($horiz, $vert);
  24       -ms-transform: scale($horiz, $vert);
  25           transform: scale($horiz, $vert);
  26 }