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.scss
History View file @cf51758
1 1 
deleted file mode 100644
... ... 
@@ -1,62 +0,0 @@
1 
-.swiper-holder {
2 
-  position: relative;
3 
-}
4 
-
5 
-.swiper-container {
6 
-  overflow: hidden;
7 
-}
8 
-
9 
-.swiper-button-prev,
10 
-.swiper-button-next {
11 
-  ~ .swiper-container {
12 
-    margin-left: 50px;
13 
-    margin-right: 50px;
14 
-  }
15 
-}
16 
-
17 
-.swiper-container,
18 
-.swiper-slide {
19 
-  position: relative;
20 
-
21 
-  .swiper-background,
22 
-  .swiper-slide-image {
23 
-    position: absolute;
24 
-    left: 0;
25 
-    right: 0;
26 
-    top: 0;
27 
-    bottom: 0;
28 
-    overflow: hidden;
29 
-
30 
-    video {
31 
-      position: absolute;
32 
-      top: 50%;
33 
-      left: 50%;
34 
-      -webkit-transform: translateX(-50%) translateY(-50%);
35 
-      transform: translateX(-50%) translateY(-50%);
36 
-      min-width: 100%;
37 
-      min-height: 100%;
38 
-      width: auto;
39 
-      height: auto;
40 
-      overflow: hidden;
41 
-    }
42 
-  }
43 
-
44 
-  .slide-content {
45 
-    position: relative;
46 
-  }
47 
-
48 
-  .slide-url {
49 
-    position: absolute;
50 
-    left: 0;
51 
-    top: 0;
52 
-    right: 0;
53 
-    bottom: 0;
54 
-  }
55 
-
56 
-  .swiper-pagination,
57 
-  .swiper-button-prev,
58 
-  .swiper-button-next,
59 
-  .swiper-scrollbar {
60 
-    z-index: 2;
61 
-  }
62 
-}
63 0 
\ No newline at end of file
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.scss
History View file @5b29faf
... ... 
@@ -1,6 +1,19 @@
1 
+.swiper-holder {
2 
+  position: relative;
3 
+}
4 
+
1 5 
 .swiper-container {
2 6 
   overflow: hidden;
3 7 
 }
8 
+
9 
+.swiper-button-prev,
10 
+.swiper-button-next {
11 
+  ~ .swiper-container {
12 
+    margin-left: 50px;
13 
+    margin-right: 50px;
14 
+  }
15 
+}
16 
+
4 17 
 .swiper-container,
5 18 
 .swiper-slide {
6 19 
   position: relative;
Browse code

Initial commit

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