1 | 1 |
deleted file mode 100644 |
... | ... |
@@ -1,34 +0,0 @@ |
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 |
- animation: swiper-preloader-spin 1s infinite linear; |
|
18 |
- box-sizing: border-box; |
|
19 |
- border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); |
|
20 |
- border-radius: 50%; |
|
21 |
- border-top-color: transparent; |
|
22 |
-} |
|
23 |
- |
|
24 |
-.swiper-lazy-preloader-white { |
|
25 |
- --swiper-preloader-color: #fff; |
|
26 |
-} |
|
27 |
-.swiper-lazy-preloader-black { |
|
28 |
- --swiper-preloader-color: #000; |
|
29 |
-} |
|
30 |
-@keyframes swiper-preloader-spin { |
|
31 |
- 100% { |
|
32 |
- transform: rotate(360deg); |
|
33 |
- } |
|
34 |
-} |
1 | 1 |
new file mode 100644 |
... | ... |
@@ -0,0 +1,34 @@ |
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 |
+ animation: swiper-preloader-spin 1s infinite linear; |
|
18 |
+ box-sizing: border-box; |
|
19 |
+ border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); |
|
20 |
+ border-radius: 50%; |
|
21 |
+ border-top-color: transparent; |
|
22 |
+} |
|
23 |
+ |
|
24 |
+.swiper-lazy-preloader-white { |
|
25 |
+ --swiper-preloader-color: #fff; |
|
26 |
+} |
|
27 |
+.swiper-lazy-preloader-black { |
|
28 |
+ --swiper-preloader-color: #000; |
|
29 |
+} |
|
30 |
+@keyframes swiper-preloader-spin { |
|
31 |
+ 100% { |
|
32 |
+ transform: rotate(360deg); |
|
33 |
+ } |
|
34 |
+} |