lazy.less 759 B

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