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
-
2
-
3
-@themeColor: #007aff;
4
-@colors: white #ffffff, black #000000;
5
-
6
-@font-face {
7
-  @fontBase64: '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';
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-container-pointer-events {
55
-  touch-action: pan-y;
56
-  &.swiper-container-vertical {
57
-    touch-action: pan-x;
58
-  }
59
-}
60
-.swiper-slide {
61
-  flex-shrink: 0;
62
-  width: 100%;
63
-  height: 100%;
64
-  position: relative;
65
-  transition-property: transform;
66
-}
67
-.swiper-slide-invisible-blank {
68
-  visibility: hidden;
69
-}
70
-/* Auto Height */
71
-.swiper-container-autoheight,
72
-.swiper-container-autoheight .swiper-slide {
73
-  height: auto;
74
-}
75
-.swiper-container-autoheight .swiper-wrapper {
76
-  align-items: flex-start;
77
-  transition-property: transform, height;
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
+
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-container-pointer-events {
55
+  touch-action: pan-y;
56
+  &.swiper-container-vertical {
57
+    touch-action: pan-x;
58
+  }
59
+}
60
+.swiper-slide {
61
+  flex-shrink: 0;
62
+  width: 100%;
63
+  height: 100%;
64
+  position: relative;
65
+  transition-property: transform;
66
+}
67
+.swiper-slide-invisible-blank {
68
+  visibility: hidden;
69
+}
70
+/* Auto Height */
71
+.swiper-container-autoheight,
72
+.swiper-container-autoheight .swiper-slide {
73
+  height: auto;
74
+}
75
+.swiper-container-autoheight .swiper-wrapper {
76
+  align-items: flex-start;
77
+  transition-property: transform, height;
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
+