extras.less 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. /* EXTRAS
  2. * -------------------------- */
  3. /* Stacked and layered icon */
  4. .icon-stack();
  5. /* Animated rotating icon */
  6. .fa-icon-spin {
  7. -webkit-animation: spin 2s infinite linear;
  8. -moz-animation: spin 2s infinite linear;
  9. -o-animation: spin 2s infinite linear;
  10. animation: spin 2s infinite linear;
  11. }
  12. @-moz-keyframes spin {
  13. 0% { -moz-transform: rotate(0deg); }
  14. 100% { -moz-transform: rotate(359deg); }
  15. }
  16. @-webkit-keyframes spin {
  17. 0% { -webkit-transform: rotate(0deg); }
  18. 100% { -webkit-transform: rotate(359deg); }
  19. }
  20. @-o-keyframes spin {
  21. 0% { -o-transform: rotate(0deg); }
  22. 100% { -o-transform: rotate(359deg); }
  23. }
  24. @-ms-keyframes spin {
  25. 0% { -ms-transform: rotate(0deg); }
  26. 100% { -ms-transform: rotate(359deg); }
  27. }
  28. @keyframes spin {
  29. 0% { transform: rotate(0deg); }
  30. 100% { transform: rotate(359deg); }
  31. }
  32. // Icon rotations & flipping
  33. // -------------------------
  34. .fa-icon-rotate-90 { .rotate(90deg, 1); }
  35. .fa-icon-rotate-180 { .rotate(180deg, 2); }
  36. .fa-icon-rotate-270 { .rotate(270deg, 3); }
  37. .fa-icon-flip-horizontal { .flip(-1, 1); }
  38. .fa-icon-flip-vertical { .flip(1, -1); }