index.scss 620 B

12345678910111213141516171819202122232425262728293031323334353637
  1. @import "../common/abstracts/_mixin.scss";
  2. @import "../common/abstracts/variable.scss";
  3. @include b(loading) {
  4. font-size: 0;
  5. line-height: 0;
  6. vertical-align: middle;
  7. display: inline-block;
  8. width: $-loading-size;
  9. height: $-loading-size;
  10. @include e(body) {
  11. width: 100%;
  12. height: 100%;
  13. animation: wd-rotate 0.8s linear infinite;
  14. animation-duration: 2s;
  15. }
  16. @include e(svg) {
  17. width: 100%;
  18. height: 100%;
  19. background-size: cover;
  20. background-repeat: no-repeat;
  21. }
  22. }
  23. @keyframes wd-rotate {
  24. from {
  25. transform: rotate(0deg);
  26. }
  27. to {
  28. transform: rotate(360deg);
  29. }
  30. }