Browse code

Refactor and rewrite as contao bundle

Benjamin Roth authored on04/11/2022 22:32:32
Showing1 changed files
1 1
deleted file mode 100644
... ...
@@ -1,138 +0,0 @@
1
-
2
-
3
-@themeColor: #007aff;
4
-@colors: white #ffffff, black #000000;
5
-
6
-@font-face {
7
-  @fontBase64: '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';
8
-  font-family: 'swiper-icons';
9
-  src: url('data:application/font-woff;charset=utf-8;base64, @{fontBase64}') format('woff');
10
-  font-weight: 400;
11
-  font-style: normal;
12
-}
13
-
14
-:root {
15
-  --swiper-theme-color: @themeColor;
16
-}
17
-.swiper-container {
18
-  margin-left: auto;
19
-  margin-right: auto;
20
-  position: relative;
21
-  overflow: hidden;
22
-  list-style: none;
23
-  padding: 0;
24
-  /* Fix of Webkit flickering */
25
-  z-index: 1;
26
-}
27
-.swiper-container-vertical > .swiper-wrapper {
28
-  flex-direction: column;
29
-}
30
-.swiper-wrapper {
31
-  position: relative;
32
-  width: 100%;
33
-  height: 100%;
34
-  z-index: 1;
35
-  display: flex;
36
-  transition-property: transform;
37
-  box-sizing: content-box;
38
-}
39
-.swiper-container-android .swiper-slide,
40
-.swiper-wrapper {
41
-  transform: translate3d(0px, 0, 0);
42
-}
43
-.swiper-container-multirow > .swiper-wrapper {
44
-  flex-wrap: wrap;
45
-}
46
-.swiper-container-multirow-column > .swiper-wrapper {
47
-  flex-wrap: wrap;
48
-  flex-direction: column;
49
-}
50
-.swiper-container-free-mode > .swiper-wrapper {
51
-  transition-timing-function: ease-out;
52
-  margin: 0 auto;
53
-}
54
-.swiper-slide {
55
-  flex-shrink: 0;
56
-  width: 100%;
57
-  height: 100%;
58
-  position: relative;
59
-  transition-property: transform;
60
-}
61
-.swiper-slide-invisible-blank {
62
-  visibility: hidden;
63
-}
64
-/* Auto Height */
65
-.swiper-container-autoheight,
66
-.swiper-container-autoheight .swiper-slide {
67
-  height: auto;
68
-}
69
-.swiper-container-autoheight .swiper-wrapper {
70
-  align-items: flex-start;
71
-  transition-property: transform, height;
72
-}
73
-
74
-/* 3D Effects */
75
-.swiper-container-3d {
76
-  perspective: 1200px;
77
-  .swiper-wrapper,
78
-  .swiper-slide,
79
-  .swiper-slide-shadow-left,
80
-  .swiper-slide-shadow-right,
81
-  .swiper-slide-shadow-top,
82
-  .swiper-slide-shadow-bottom,
83
-  .swiper-cube-shadow {
84
-    transform-style: preserve-3d;
85
-  }
86
-  .swiper-slide-shadow-left,
87
-  .swiper-slide-shadow-right,
88
-  .swiper-slide-shadow-top,
89
-  .swiper-slide-shadow-bottom {
90
-    position: absolute;
91
-    left: 0;
92
-    top: 0;
93
-    width: 100%;
94
-    height: 100%;
95
-    pointer-events: none;
96
-    z-index: 10;
97
-  }
98
-  .swiper-slide-shadow-left {
99
-    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
100
-  }
101
-  .swiper-slide-shadow-right {
102
-    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
103
-  }
104
-  .swiper-slide-shadow-top {
105
-    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
106
-  }
107
-  .swiper-slide-shadow-bottom {
108
-    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
109
-  }
110
-}
111
-
112
-/* CSS Mode */
113
-.swiper-container-css-mode {
114
-  > .swiper-wrapper {
115
-    overflow: auto;
116
-    scrollbar-width: none; /* For Firefox */
117
-    -ms-overflow-style: none; /* For Internet Explorer and Edge */
118
-    &::-webkit-scrollbar {
119
-      display: none;
120
-    }
121
-  }
122
-  > .swiper-wrapper > .swiper-slide {
123
-    scroll-snap-align: start start;
124
-  }
125
-}
126
-.swiper-container-horizontal.swiper-container-css-mode {
127
-  > .swiper-wrapper {
128
-    scroll-snap-type: x mandatory;
129
-  }
130
-}
131
-.swiper-container-vertical.swiper-container-css-mode {
132
-  > .swiper-wrapper {
133
-    scroll-snap-type: y mandatory;
134
-  }
135
-}
136
-
137
-
138
-
Browse code

swiper.js version 6.4.5

Benjamin Roth authored on17/01/2021 16:24:34
Showing1 changed files
1 1
new file mode 100644
... ...
@@ -0,0 +1,138 @@
1
+
2
+
3
+@themeColor: #007aff;
4
+@colors: white #ffffff, black #000000;
5
+
6
+@font-face {
7
+  @fontBase64: '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';
8
+  font-family: 'swiper-icons';
9
+  src: url('data:application/font-woff;charset=utf-8;base64, @{fontBase64}') format('woff');
10
+  font-weight: 400;
11
+  font-style: normal;
12
+}
13
+
14
+:root {
15
+  --swiper-theme-color: @themeColor;
16
+}
17
+.swiper-container {
18
+  margin-left: auto;
19
+  margin-right: auto;
20
+  position: relative;
21
+  overflow: hidden;
22
+  list-style: none;
23
+  padding: 0;
24
+  /* Fix of Webkit flickering */
25
+  z-index: 1;
26
+}
27
+.swiper-container-vertical > .swiper-wrapper {
28
+  flex-direction: column;
29
+}
30
+.swiper-wrapper {
31
+  position: relative;
32
+  width: 100%;
33
+  height: 100%;
34
+  z-index: 1;
35
+  display: flex;
36
+  transition-property: transform;
37
+  box-sizing: content-box;
38
+}
39
+.swiper-container-android .swiper-slide,
40
+.swiper-wrapper {
41
+  transform: translate3d(0px, 0, 0);
42
+}
43
+.swiper-container-multirow > .swiper-wrapper {
44
+  flex-wrap: wrap;
45
+}
46
+.swiper-container-multirow-column > .swiper-wrapper {
47
+  flex-wrap: wrap;
48
+  flex-direction: column;
49
+}
50
+.swiper-container-free-mode > .swiper-wrapper {
51
+  transition-timing-function: ease-out;
52
+  margin: 0 auto;
53
+}
54
+.swiper-slide {
55
+  flex-shrink: 0;
56
+  width: 100%;
57
+  height: 100%;
58
+  position: relative;
59
+  transition-property: transform;
60
+}
61
+.swiper-slide-invisible-blank {
62
+  visibility: hidden;
63
+}
64
+/* Auto Height */
65
+.swiper-container-autoheight,
66
+.swiper-container-autoheight .swiper-slide {
67
+  height: auto;
68
+}
69
+.swiper-container-autoheight .swiper-wrapper {
70
+  align-items: flex-start;
71
+  transition-property: transform, height;
72
+}
73
+
74
+/* 3D Effects */
75
+.swiper-container-3d {
76
+  perspective: 1200px;
77
+  .swiper-wrapper,
78
+  .swiper-slide,
79
+  .swiper-slide-shadow-left,
80
+  .swiper-slide-shadow-right,
81
+  .swiper-slide-shadow-top,
82
+  .swiper-slide-shadow-bottom,
83
+  .swiper-cube-shadow {
84
+    transform-style: preserve-3d;
85
+  }
86
+  .swiper-slide-shadow-left,
87
+  .swiper-slide-shadow-right,
88
+  .swiper-slide-shadow-top,
89
+  .swiper-slide-shadow-bottom {
90
+    position: absolute;
91
+    left: 0;
92
+    top: 0;
93
+    width: 100%;
94
+    height: 100%;
95
+    pointer-events: none;
96
+    z-index: 10;
97
+  }
98
+  .swiper-slide-shadow-left {
99
+    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
100
+  }
101
+  .swiper-slide-shadow-right {
102
+    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
103
+  }
104
+  .swiper-slide-shadow-top {
105
+    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
106
+  }
107
+  .swiper-slide-shadow-bottom {
108
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
109
+  }
110
+}
111
+
112
+/* CSS Mode */
113
+.swiper-container-css-mode {
114
+  > .swiper-wrapper {
115
+    overflow: auto;
116
+    scrollbar-width: none; /* For Firefox */
117
+    -ms-overflow-style: none; /* For Internet Explorer and Edge */
118
+    &::-webkit-scrollbar {
119
+      display: none;
120
+    }
121
+  }
122
+  > .swiper-wrapper > .swiper-slide {
123
+    scroll-snap-align: start start;
124
+  }
125
+}
126
+.swiper-container-horizontal.swiper-container-css-mode {
127
+  > .swiper-wrapper {
128
+    scroll-snap-type: x mandatory;
129
+  }
130
+}
131
+.swiper-container-vertical.swiper-container-css-mode {
132
+  > .swiper-wrapper {
133
+    scroll-snap-type: y mandatory;
134
+  }
135
+}
136
+
137
+
138
+