_mixins.scss 946 B

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