lazy.scss 778 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. /* Preloader */
  2. @at-root {
  3. :root {
  4. /*
  5. --swiper-preloader-color: var(--swiper-theme-color);
  6. */
  7. }
  8. }
  9. .swiper-lazy-preloader {
  10. width: 42px;
  11. height: 42px;
  12. position: absolute;
  13. left: 50%;
  14. top: 50%;
  15. margin-left: -21px;
  16. margin-top: -21px;
  17. z-index: 10;
  18. transform-origin: 50%;
  19. box-sizing: border-box;
  20. border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  21. border-radius: 50%;
  22. border-top-color: transparent;
  23. }
  24. .swiper-slide-visible .swiper-lazy-preloader {
  25. animation: swiper-preloader-spin 1s infinite linear;
  26. }
  27. .swiper-lazy-preloader-white {
  28. --swiper-preloader-color: #fff;
  29. }
  30. .swiper-lazy-preloader-black {
  31. --swiper-preloader-color: #000;
  32. }
  33. @keyframes swiper-preloader-spin {
  34. 100% {
  35. transform: rotate(360deg);
  36. }
  37. }