b4ffa91cb4
Change-Id: I066c0e7f8ce87ec00b1141a1b44430444a819b42 (cherry picked from commit 05907a1a42da82737090d55046974d401f8af057)
34 lines
709 B
SCSS
34 lines
709 B
SCSS
/* Preloader */
|
|
:root {
|
|
/*
|
|
--swiper-preloader-color: var(--swiper-theme-color);
|
|
*/
|
|
}
|
|
.swiper-lazy-preloader {
|
|
width: 42px;
|
|
height: 42px;
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
margin-left: -21px;
|
|
margin-top: -21px;
|
|
z-index: 10;
|
|
transform-origin: 50%;
|
|
animation: swiper-preloader-spin 1s infinite linear;
|
|
box-sizing: border-box;
|
|
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
|
|
border-radius: 50%;
|
|
border-top-color: transparent;
|
|
}
|
|
|
|
.swiper-lazy-preloader-white {
|
|
--swiper-preloader-color: #fff;
|
|
}
|
|
.swiper-lazy-preloader-black {
|
|
--swiper-preloader-color: #000;
|
|
}
|
|
@keyframes swiper-preloader-spin {
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|