eSales Media Git repositories
Browse code

Refactor and rewrite as contao bundle

Benjamin Roth authored on04/11/2022 22:32:32
Showing1 changed files
assets/css/swiper-custom.css
History View file @cf51758
1 1 
deleted file mode 100644
... ... 
@@ -1,59 +0,0 @@
1 
-.swiper-holder {
2 
-  position: relative; }
3 
-
4 
-.swiper-container {
5 
-  overflow: hidden; }
6 
-
7 
-.swiper-button-prev ~ .swiper-container,
8 
-.swiper-button-next ~ .swiper-container {
9 
-  margin-left: 50px;
10 
-  margin-right: 50px; }
11 
-
12 
-.swiper-container,
13 
-.swiper-slide {
14 
-  position: relative; }
15 
-  .swiper-container .swiper-background,
16 
-  .swiper-container .swiper-slide-image,
17 
-  .swiper-slide .swiper-background,
18 
-  .swiper-slide .swiper-slide-image {
19 
-    position: absolute;
20 
-    left: 0;
21 
-    right: 0;
22 
-    top: 0;
23 
-    bottom: 0;
24 
-    overflow: hidden; }
25 
-    .swiper-container .swiper-background video,
26 
-    .swiper-container .swiper-slide-image video,
27 
-    .swiper-slide .swiper-background video,
28 
-    .swiper-slide .swiper-slide-image video {
29 
-      position: absolute;
30 
-      top: 50%;
31 
-      left: 50%;
32 
-      -webkit-transform: translateX(-50%) translateY(-50%);
33 
-      transform: translateX(-50%) translateY(-50%);
34 
-      min-width: 100%;
35 
-      min-height: 100%;
36 
-      width: auto;
37 
-      height: auto;
38 
-      overflow: hidden; }
39 
-  .swiper-container .slide-content,
40 
-  .swiper-slide .slide-content {
41 
-    position: relative; }
42 
-  .swiper-container .slide-url,
43 
-  .swiper-slide .slide-url {
44 
-    position: absolute;
45 
-    left: 0;
46 
-    top: 0;
47 
-    right: 0;
48 
-    bottom: 0; }
49 
-  .swiper-container .swiper-pagination,
50 
-  .swiper-container .swiper-button-prev,
51 
-  .swiper-container .swiper-button-next,
52 
-  .swiper-container .swiper-scrollbar,
53 
-  .swiper-slide .swiper-pagination,
54 
-  .swiper-slide .swiper-button-prev,
55 
-  .swiper-slide .swiper-button-next,
56 
-  .swiper-slide .swiper-scrollbar {
57 
-    z-index: 2; }
58 
-
59 
-/*# sourceMappingURL=swiper-custom.css.map */
Browse code

Allow navigation arrows to be placed outside by setting

Benjamin Roth authored on17/01/2021 16:23:06
Showing1 changed files
assets/css/swiper-custom.css
History View file @5b29faf
... ... 
@@ -1,6 +1,14 @@
1 
+.swiper-holder {
2 
+  position: relative; }
3 
+
1 4 
 .swiper-container {
2 5 
   overflow: hidden; }
3 6
7 
+.swiper-button-prev ~ .swiper-container,
8 
+.swiper-button-next ~ .swiper-container {
9 
+  margin-left: 50px;
10 
+  margin-right: 50px; }
11 
+
4 12 
 .swiper-container,
5 13 
 .swiper-slide {
6 14 
   position: relative; }
Browse code

Initial commit

Benjamin Roth authored on19/05/2020 21:59:44
Showing1 changed files
assets/css/swiper-custom.css
History View file @a3fa092
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,51 @@
1 
+.swiper-container {
2 
+  overflow: hidden; }
3 
+
4 
+.swiper-container,
5 
+.swiper-slide {
6 
+  position: relative; }
7 
+  .swiper-container .swiper-background,
8 
+  .swiper-container .swiper-slide-image,
9 
+  .swiper-slide .swiper-background,
10 
+  .swiper-slide .swiper-slide-image {
11 
+    position: absolute;
12 
+    left: 0;
13 
+    right: 0;
14 
+    top: 0;
15 
+    bottom: 0;
16 
+    overflow: hidden; }
17 
+    .swiper-container .swiper-background video,
18 
+    .swiper-container .swiper-slide-image video,
19 
+    .swiper-slide .swiper-background video,
20 
+    .swiper-slide .swiper-slide-image video {
21 
+      position: absolute;
22 
+      top: 50%;
23 
+      left: 50%;
24 
+      -webkit-transform: translateX(-50%) translateY(-50%);
25 
+      transform: translateX(-50%) translateY(-50%);
26 
+      min-width: 100%;
27 
+      min-height: 100%;
28 
+      width: auto;
29 
+      height: auto;
30 
+      overflow: hidden; }
31 
+  .swiper-container .slide-content,
32 
+  .swiper-slide .slide-content {
33 
+    position: relative; }
34 
+  .swiper-container .slide-url,
35 
+  .swiper-slide .slide-url {
36 
+    position: absolute;
37 
+    left: 0;
38 
+    top: 0;
39 
+    right: 0;
40 
+    bottom: 0; }
41 
+  .swiper-container .swiper-pagination,
42 
+  .swiper-container .swiper-button-prev,
43 
+  .swiper-container .swiper-button-next,
44 
+  .swiper-container .swiper-scrollbar,
45 
+  .swiper-slide .swiper-pagination,
46 
+  .swiper-slide .swiper-button-prev,
47 
+  .swiper-slide .swiper-button-next,
48 
+  .swiper-slide .swiper-scrollbar {
49 
+    z-index: 2; }
50 
+
51 
+/*# sourceMappingURL=swiper-custom.css.map */