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

swiper.js version 6.5.0

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