mixins.less 926 B

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