eSales Media Git repositories
Browse code

Use less complicated and more compatible css to cover background with video

Benjamin Roth authored on07/06/2019 14:28:28
Showing1 changed files
assets/css/slick-addons.scss
History View file @91dd645
... ... 
@@ -16,16 +16,15 @@
16 16
17 17 
     video {
18 18 
       position: absolute;
19 
-      left:-10000%; right: -10000%;
20 
-      top: -10000%; bottom: -10000%;
21 
-      margin: auto auto;
22 
-      min-width: 1000%;
23 
-      min-height: 1000%;
24 
-      -webkit-transform:scale(0.1);
25 
-      transform: scale(0.1);
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%;
26 25 
       width: auto;
27 26 
       height: auto;
28 
-      max-width: none;
27 
+      overflow: hidden;
29 28 
     }
30 29 
   }
31 30
Browse code

Allow background videos

Benjamin Roth authored on06/06/2019 19:27:31
Showing1 changed files
assets/css/slick-addons.scss
History View file @a1c0220
... ... 
@@ -12,6 +12,21 @@
12 12 
     right: 0;
13 13 
     top: 0;
14 14 
     bottom: 0;
15 
+    overflow: hidden;
16 
+
17 
+    video {
18 
+      position: absolute;
19 
+      left:-10000%; right: -10000%;
20 
+      top: -10000%; bottom: -10000%;
21 
+      margin: auto auto;
22 
+      min-width: 1000%;
23 
+      min-height: 1000%;
24 
+      -webkit-transform:scale(0.1);
25 
+      transform: scale(0.1);
26 
+      width: auto;
27 
+      height: auto;
28 
+      max-width: none;
29 
+    }
15 30 
   }
16 31
17 32 
   .slide-content {
Browse code

Fix text and link of image slide

Benjamin Roth authored on11/03/2019 12:48:16
Showing1 changed files
assets/css/slick-addons.scss
History View file @da5235c
... ... 
@@ -13,4 +13,16 @@
13 13 
     top: 0;
14 14 
     bottom: 0;
15 15 
   }
16 
+
17 
+  .slide-content {
18 
+    position: relative;
19 
+  }
20 
+
21 
+  .slide-url {
22 
+    position: absolute;
23 
+    left: 0;
24 
+    top: 0;
25 
+    right: 0;
26 
+    bottom: 0;
27 
+  }
16 28 
 }
17 29 
\ No newline at end of file
Browse code

Add even more background options

Benjamin Roth authored on01/11/2017 16:54:37
Showing1 changed files
assets/css/slick-addons.scss
History View file @b682510
... ... 
@@ -1,6 +1,11 @@
1 
+.slick-slider-container {
2 
+  overflow: hidden;
3 
+}
4 
+.slick-slider-container,
1 5 
 .slick-slider-slide {
2 6 
   position: relative;
3 7
8 
+  .slick-slider-background,
4 9 
   .slick-slider-slide-image {
5 10 
     position: absolute;
6 11 
     left: 0;
Browse code

Add more slide background options

Benjamin Roth authored on01/11/2017 15:50:43
Showing1 changed files
assets/css/slick-addons.scss
History View file @24a1898
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,11 @@
1 
+.slick-slider-slide {
2 
+  position: relative;
3 
+
4 
+  .slick-slider-slide-image {
5 
+    position: absolute;
6 
+    left: 0;
7 
+    right: 0;
8 
+    top: 0;
9 
+    bottom: 0;
10 
+  }
11 
+}
0 12 
\ No newline at end of file