mixins.less 983 B

123456789101112131415161718192021222324252627
  1. // Mixins
  2. // --------------------------
  3. .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. .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. .fa-icon-flip(@horiz, @vert, @rotation) {
  19. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation, mirror=1);
  20. -webkit-transform: scale(@horiz, @vert);
  21. -ms-transform: scale(@horiz, @vert);
  22. transform: scale(@horiz, @vert);
  23. }