_spinners.scss 859 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. .speeding-wheel {
  2. width: 32px;
  3. height: 32px;
  4. border: 2px solid gray;
  5. border-right-color: transparent;
  6. border-left-color: transparent;
  7. border-radius: 50%;
  8. animation: cssload-spin 425ms infinite linear;
  9. }
  10. .speeding-wheel-sm {
  11. @extend .speeding-wheel;
  12. width: 16px;
  13. height: 16px;
  14. }
  15. @keyframes cssload-spin {
  16. 100% {
  17. transform: rotate(360deg);
  18. transform: rotate(360deg);
  19. }
  20. }
  21. @-o-keyframes cssload-spin {
  22. 100% {
  23. -o-transform: rotate(360deg);
  24. transform: rotate(360deg);
  25. }
  26. }
  27. @-ms-keyframes cssload-spin {
  28. 100% {
  29. -ms-transform: rotate(360deg);
  30. transform: rotate(360deg);
  31. }
  32. }
  33. @-webkit-keyframes cssload-spin {
  34. 100% {
  35. -webkit-transform: rotate(360deg);
  36. transform: rotate(360deg);
  37. }
  38. }
  39. @-moz-keyframes cssload-spin {
  40. 100% {
  41. -moz-transform: rotate(360deg);
  42. transform: rotate(360deg);
  43. }
  44. }