_mixins.scss 1000 B

123456789101112131415161718192021222324252627
  1. // Mixins
  2. // --------------------------
  3. @mixin fa-icon() {
  4. display: inline-block;
  5. font: normal normal normal #{$fa-font-size-base}/1 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. transform: translate(0, 0); // ensures no half-pixel rendering in firefox
  11. }
  12. @mixin fa-icon-rotate($degrees, $rotation) {
  13. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
  14. -webkit-transform: rotate($degrees);
  15. -ms-transform: rotate($degrees);
  16. transform: rotate($degrees);
  17. }
  18. @mixin fa-icon-flip($horiz, $vert, $rotation) {
  19. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
  20. -webkit-transform: scale($horiz, $vert);
  21. -ms-transform: scale($horiz, $vert);
  22. transform: scale($horiz, $vert);
  23. }