eSales Media Git repositories
Browse code

Remove old version 5

Benjamin Roth authored on14/03/2021 15:27:00
Showing1 changed files
assets/lib/swiper/5.4.0/components/pagination/pagination.scss
History View file @0bd865c
1 1 
deleted file mode 100644
... ... 
@@ -1,149 +0,0 @@
1 
-:root {
2 
-  /*
3 
-  --swiper-pagination-color: var(--swiper-theme-color);
4 
-  */
5 
-}
6 
-.swiper-pagination {
7 
-  position: absolute;
8 
-  text-align: center;
9 
-  transition: 300ms opacity;
10 
-  transform: translate3d(0,0,0);
11 
-  z-index: 10;
12 
-  &.swiper-pagination-hidden {
13 
-    opacity: 0;
14 
-  }
15 
-}
16 
-/* Common Styles */
17 
-.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{
18 
-  bottom: 10px;
19 
-  left: 0;
20 
-  width: 100%;
21 
-}
22 
-/* Bullets */
23 
-.swiper-pagination-bullets-dynamic {
24 
-  overflow: hidden;
25 
-  font-size: 0;
26 
-  .swiper-pagination-bullet {
27 
-    transform: scale(0.33);
28 
-    position: relative;
29 
-  }
30 
-  .swiper-pagination-bullet-active {
31 
-    transform: scale(1);
32 
-  }
33 
-  .swiper-pagination-bullet-active-main {
34 
-    transform: scale(1);
35 
-  }
36 
-  .swiper-pagination-bullet-active-prev {
37 
-    transform: scale(0.66);
38 
-  }
39 
-  .swiper-pagination-bullet-active-prev-prev {
40 
-    transform: scale(0.33);
41 
-  }
42 
-  .swiper-pagination-bullet-active-next {
43 
-    transform: scale(0.66);
44 
-  }
45 
-  .swiper-pagination-bullet-active-next-next {
46 
-    transform: scale(0.33);
47 
-  }
48 
-}
49 
-.swiper-pagination-bullet {
50 
-  width: 8px;
51 
-  height: 8px;
52 
-  display: inline-block;
53 
-  border-radius: 100%;
54 
-  background: #000;
55 
-  opacity: 0.2;
56 
-  @at-root button#{&} {
57 
-    border: none;
58 
-    margin: 0;
59 
-    padding: 0;
60 
-    box-shadow: none;
61 
-    appearance: none;
62 
-  }
63 
-  .swiper-pagination-clickable & {
64 
-    cursor: pointer;
65 
-  }
66 
-}
67 
-.swiper-pagination-bullet-active {
68 
-  opacity: 1;
69 
-  background: var(--swiper-pagination-color, var(--swiper-theme-color));
70 
-}
71 
-
72 
-.swiper-container-vertical {
73 
-  > .swiper-pagination-bullets {
74 
-    right: 10px;
75 
-    top: 50%;
76 
-    transform:translate3d(0px,-50%,0);
77 
-    .swiper-pagination-bullet {
78 
-      margin: 6px 0;
79 
-      display: block;
80 
-    }
81 
-    &.swiper-pagination-bullets-dynamic {
82 
-      top: 50%;
83 
-      transform: translateY(-50%);
84 
-      width: 8px;
85 
-      .swiper-pagination-bullet {
86 
-        display: inline-block;
87 
-        transition: 200ms transform, 200ms top;
88 
-      }
89 
-    }
90 
-  }
91 
-}
92 
-.swiper-container-horizontal {
93 
-  > .swiper-pagination-bullets {
94 
-    .swiper-pagination-bullet {
95 
-      margin: 0 4px;
96 
-    }
97 
-    &.swiper-pagination-bullets-dynamic {
98 
-      left: 50%;
99 
-      transform: translateX(-50%);
100 
-      white-space: nowrap;
101 
-      .swiper-pagination-bullet {
102 
-        transition: 200ms transform, 200ms left;
103 
-      }
104 
-    }
105 
-  }
106 
-  &.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
107 
-    transition: 200ms transform, 200ms right;
108 
-  }
109 
-}
110 
-/* Progress */
111 
-.swiper-pagination-progressbar {
112 
-  background: rgba(0,0,0,0.25);
113 
-  position: absolute;
114 
-  .swiper-pagination-progressbar-fill {
115 
-    background: var(--swiper-pagination-color, var(--swiper-theme-color));
116 
-    position: absolute;
117 
-    left: 0;
118 
-    top: 0;
119 
-    width: 100%;
120 
-    height: 100%;
121 
-    transform: scale(0);
122 
-    transform-origin: left top;
123 
-  }
124 
-  .swiper-container-rtl & .swiper-pagination-progressbar-fill {
125 
-    transform-origin: right top;
126 
-  }
127 
-  .swiper-container-horizontal > &,
128 
-  .swiper-container-vertical > &.swiper-pagination-progressbar-opposite {
129 
-    width: 100%;
130 
-    height: 4px;
131 
-    left: 0;
132 
-    top: 0;
133 
-  }
134 
-  .swiper-container-vertical > &,
135 
-  .swiper-container-horizontal > &.swiper-pagination-progressbar-opposite {
136 
-    width: 4px;
137 
-    height: 100%;
138 
-    left: 0;
139 
-    top: 0;
140 
-  }
141 
-}
142 
-@each $paginationColorName, $paginationColorValue in $colors {
143 
-  .swiper-pagination-#{$paginationColorName} {
144 
-    --swiper-pagination-color: #{$paginationColorValue};
145 
-  }
146 
-}
147 
-.swiper-pagination-lock {
148 
-  display: none;
149 
-}
Browse code

Initial commit

Benjamin Roth authored on19/05/2020 21:59:44
Showing1 changed files
assets/lib/swiper/5.4.0/components/pagination/pagination.scss
History View file @a3fa092
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,149 @@
1 
+:root {
2 
+  /*
3 
+  --swiper-pagination-color: var(--swiper-theme-color);
4 
+  */
5 
+}
6 
+.swiper-pagination {
7 
+  position: absolute;
8 
+  text-align: center;
9 
+  transition: 300ms opacity;
10 
+  transform: translate3d(0,0,0);
11 
+  z-index: 10;
12 
+  &.swiper-pagination-hidden {
13 
+    opacity: 0;
14 
+  }
15 
+}
16 
+/* Common Styles */
17 
+.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{
18 
+  bottom: 10px;
19 
+  left: 0;
20 
+  width: 100%;
21 
+}
22 
+/* Bullets */
23 
+.swiper-pagination-bullets-dynamic {
24 
+  overflow: hidden;
25 
+  font-size: 0;
26 
+  .swiper-pagination-bullet {
27 
+    transform: scale(0.33);
28 
+    position: relative;
29 
+  }
30 
+  .swiper-pagination-bullet-active {
31 
+    transform: scale(1);
32 
+  }
33 
+  .swiper-pagination-bullet-active-main {
34 
+    transform: scale(1);
35 
+  }
36 
+  .swiper-pagination-bullet-active-prev {
37 
+    transform: scale(0.66);
38 
+  }
39 
+  .swiper-pagination-bullet-active-prev-prev {
40 
+    transform: scale(0.33);
41 
+  }
42 
+  .swiper-pagination-bullet-active-next {
43 
+    transform: scale(0.66);
44 
+  }
45 
+  .swiper-pagination-bullet-active-next-next {
46 
+    transform: scale(0.33);
47 
+  }
48 
+}
49 
+.swiper-pagination-bullet {
50 
+  width: 8px;
51 
+  height: 8px;
52 
+  display: inline-block;
53 
+  border-radius: 100%;
54 
+  background: #000;
55 
+  opacity: 0.2;
56 
+  @at-root button#{&} {
57 
+    border: none;
58 
+    margin: 0;
59 
+    padding: 0;
60 
+    box-shadow: none;
61 
+    appearance: none;
62 
+  }
63 
+  .swiper-pagination-clickable & {
64 
+    cursor: pointer;
65 
+  }
66 
+}
67 
+.swiper-pagination-bullet-active {
68 
+  opacity: 1;
69 
+  background: var(--swiper-pagination-color, var(--swiper-theme-color));
70 
+}
71 
+
72 
+.swiper-container-vertical {
73 
+  > .swiper-pagination-bullets {
74 
+    right: 10px;
75 
+    top: 50%;
76 
+    transform:translate3d(0px,-50%,0);
77 
+    .swiper-pagination-bullet {
78 
+      margin: 6px 0;
79 
+      display: block;
80 
+    }
81 
+    &.swiper-pagination-bullets-dynamic {
82 
+      top: 50%;
83 
+      transform: translateY(-50%);
84 
+      width: 8px;
85 
+      .swiper-pagination-bullet {
86 
+        display: inline-block;
87 
+        transition: 200ms transform, 200ms top;
88 
+      }
89 
+    }
90 
+  }
91 
+}
92 
+.swiper-container-horizontal {
93 
+  > .swiper-pagination-bullets {
94 
+    .swiper-pagination-bullet {
95 
+      margin: 0 4px;
96 
+    }
97 
+    &.swiper-pagination-bullets-dynamic {
98 
+      left: 50%;
99 
+      transform: translateX(-50%);
100 
+      white-space: nowrap;
101 
+      .swiper-pagination-bullet {
102 
+        transition: 200ms transform, 200ms left;
103 
+      }
104 
+    }
105 
+  }
106 
+  &.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
107 
+    transition: 200ms transform, 200ms right;
108 
+  }
109 
+}
110 
+/* Progress */
111 
+.swiper-pagination-progressbar {
112 
+  background: rgba(0,0,0,0.25);
113 
+  position: absolute;
114 
+  .swiper-pagination-progressbar-fill {
115 
+    background: var(--swiper-pagination-color, var(--swiper-theme-color));
116 
+    position: absolute;
117 
+    left: 0;
118 
+    top: 0;
119 
+    width: 100%;
120 
+    height: 100%;
121 
+    transform: scale(0);
122 
+    transform-origin: left top;
123 
+  }
124 
+  .swiper-container-rtl & .swiper-pagination-progressbar-fill {
125 
+    transform-origin: right top;
126 
+  }
127 
+  .swiper-container-horizontal > &,
128 
+  .swiper-container-vertical > &.swiper-pagination-progressbar-opposite {
129 
+    width: 100%;
130 
+    height: 4px;
131 
+    left: 0;
132 
+    top: 0;
133 
+  }
134 
+  .swiper-container-vertical > &,
135 
+  .swiper-container-horizontal > &.swiper-pagination-progressbar-opposite {
136 
+    width: 4px;
137 
+    height: 100%;
138 
+    left: 0;
139 
+    top: 0;
140 
+  }
141 
+}
142 
+@each $paginationColorName, $paginationColorValue in $colors {
143 
+  .swiper-pagination-#{$paginationColorName} {
144 
+    --swiper-pagination-color: #{$paginationColorValue};
145 
+  }
146 
+}
147 
+.swiper-pagination-lock {
148 
+  display: none;
149 
+}