Browse code

Remove old version 5

Benjamin Roth authored on14/03/2021 15:27:00
Showing1 changed files
1 1
deleted file mode 100644
... ...
@@ -1,61 +0,0 @@
1
-:root {
2
-  --swiper-navigation-size: 44px;
3
-  /*
4
-  --swiper-navigation-color: var(--swiper-theme-color);
5
-  */
6
-}
7
-.swiper-button-prev, .swiper-button-next {
8
-  position: absolute;
9
-  top: 50%;
10
-  width: calc(var(--swiper-navigation-size) / 44 * 27);
11
-  height: var(--swiper-navigation-size);
12
-  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
13
-  z-index: 10;
14
-  cursor: pointer;
15
-  display: flex;
16
-  align-items: center;
17
-  justify-content: center;
18
-  color: var(--swiper-navigation-color, var(--swiper-theme-color));
19
-  &.swiper-button-disabled {
20
-    opacity: 0.35;
21
-    cursor: auto;
22
-    pointer-events: none;
23
-  }
24
-  &:after {
25
-    font-family: swiper-icons;
26
-    font-size: var(--swiper-navigation-size);
27
-    text-transform: none !important;
28
-    letter-spacing: 0;
29
-    text-transform: none;
30
-    font-variant: initial;
31
-    line-height: 1;
32
-  }
33
-}
34
-.swiper-button-prev,
35
-.swiper-container-rtl .swiper-button-next {
36
-  &:after {
37
-    content: 'prev';
38
-  }
39
-  left: 10px;
40
-  right: auto;
41
-}
42
-.swiper-button-next,
43
-.swiper-container-rtl .swiper-button-prev {
44
-  &:after {
45
-    content: 'next';
46
-  }
47
-  right: 10px;
48
-  left: auto;
49
-}
50
-
51
-@each $navColorName, $navColorValue in $colors {
52
-  .swiper-button-prev,
53
-  .swiper-button-next {
54
-    &.swiper-button-#{$navColorName} {
55
-      --swiper-navigation-color: #{$navColorValue};
56
-    }
57
-  }
58
-}
59
-.swiper-button-lock {
60
-  display: none;
61
-}
Browse code

Initial commit

Benjamin Roth authored on19/05/2020 21:59:44
Showing1 changed files
1 1
new file mode 100644
... ...
@@ -0,0 +1,61 @@
1
+:root {
2
+  --swiper-navigation-size: 44px;
3
+  /*
4
+  --swiper-navigation-color: var(--swiper-theme-color);
5
+  */
6
+}
7
+.swiper-button-prev, .swiper-button-next {
8
+  position: absolute;
9
+  top: 50%;
10
+  width: calc(var(--swiper-navigation-size) / 44 * 27);
11
+  height: var(--swiper-navigation-size);
12
+  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
13
+  z-index: 10;
14
+  cursor: pointer;
15
+  display: flex;
16
+  align-items: center;
17
+  justify-content: center;
18
+  color: var(--swiper-navigation-color, var(--swiper-theme-color));
19
+  &.swiper-button-disabled {
20
+    opacity: 0.35;
21
+    cursor: auto;
22
+    pointer-events: none;
23
+  }
24
+  &:after {
25
+    font-family: swiper-icons;
26
+    font-size: var(--swiper-navigation-size);
27
+    text-transform: none !important;
28
+    letter-spacing: 0;
29
+    text-transform: none;
30
+    font-variant: initial;
31
+    line-height: 1;
32
+  }
33
+}
34
+.swiper-button-prev,
35
+.swiper-container-rtl .swiper-button-next {
36
+  &:after {
37
+    content: 'prev';
38
+  }
39
+  left: 10px;
40
+  right: auto;
41
+}
42
+.swiper-button-next,
43
+.swiper-container-rtl .swiper-button-prev {
44
+  &:after {
45
+    content: 'next';
46
+  }
47
+  right: 10px;
48
+  left: auto;
49
+}
50
+
51
+@each $navColorName, $navColorValue in $colors {
52
+  .swiper-button-prev,
53
+  .swiper-button-next {
54
+    &.swiper-button-#{$navColorName} {
55
+      --swiper-navigation-color: #{$navColorValue};
56
+    }
57
+  }
58
+}
59
+.swiper-button-lock {
60
+  display: none;
61
+}