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
-@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-slide {
52
-  flex-shrink: 0;
53
-  width: 100%;
54
-  height: 100%;
55
-  position: relative;
56
-  transition-property: transform;
57
-}
58
-.swiper-slide-invisible-blank {
59
-  visibility: hidden;
60
-}
61
-/* Auto Height */
62
-.swiper-container-autoheight {
63
-  &,
64
-  .swiper-slide {
65
-    height: auto;
66
-  }
67
-
68
-  .swiper-wrapper {
69
-    align-items: flex-start;
70
-    transition-property: transform, height;
71
-  }
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.3.3

Benjamin Roth authored on13/10/2020 19:31:56
Showing1 changed files
1 1
new file mode 100644
... ...
@@ -0,0 +1,138 @@
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, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA')
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-slide {
52
+  flex-shrink: 0;
53
+  width: 100%;
54
+  height: 100%;
55
+  position: relative;
56
+  transition-property: transform;
57
+}
58
+.swiper-slide-invisible-blank {
59
+  visibility: hidden;
60
+}
61
+/* Auto Height */
62
+.swiper-container-autoheight {
63
+  &,
64
+  .swiper-slide {
65
+    height: auto;
66
+  }
67
+
68
+  .swiper-wrapper {
69
+    align-items: flex-start;
70
+    transition-property: transform, height;
71
+  }
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
+