extras.less 849 B

1234567891011121314151617181920212223242526272829303132333435
  1. /* EXTRAS
  2. * -------------------------- */
  3. /* Stacked and layered icon */
  4. .icon-stack();
  5. /* Animated rotating icon */
  6. .icon-spin {
  7. display: inline-block;
  8. -moz-animation: spin 2s infinite linear;
  9. -o-animation: spin 2s infinite linear;
  10. -webkit-animation: spin 2s infinite linear;
  11. animation: spin 2s infinite linear;
  12. }
  13. @-moz-keyframes spin {
  14. 0% { -moz-transform: rotate(0deg); }
  15. 100% { -moz-transform: rotate(359deg); }
  16. }
  17. @-webkit-keyframes spin {
  18. 0% { -webkit-transform: rotate(0deg); }
  19. 100% { -webkit-transform: rotate(359deg); }
  20. }
  21. @-o-keyframes spin {
  22. 0% { -o-transform: rotate(0deg); }
  23. 100% { -o-transform: rotate(359deg); }
  24. }
  25. @-ms-keyframes spin {
  26. 0% { -ms-transform: rotate(0deg); }
  27. 100% { -ms-transform: rotate(359deg); }
  28. }
  29. @keyframes spin {
  30. 0% { transform: rotate(0deg); }
  31. 100% { transform: rotate(359deg); }
  32. }