Jannex
/
SHX-Theme
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

landingpage Video

pull/4/head
Jan Umbach 2024-06-02 19:00:57 +02:00
parent a28b020fc7
commit 036209e49d
1 changed files with 27 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
snippets/shx-landingpage.liquid
View File

@ -3,21 +3,40 @@
<style>
.landingPage {}
.shx-landingPage__video__element {
width: 100%;
height: 100%;
object-fit: cover;
max-height: 50vh;
min-height: 50vh;
}
.shx-landingPage__video {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
/* Hide the part of the video that's outside the div */
}
.shx-landingPage__video__element {
width: 200%;
/* Make the video twice as wide as the div */
height: 100%;
object-fit: cover;
transform: translateX(-50%);
/* Shift the video to the left */
@media screen and (max-width: 768px) {
.shx-landingPage__video {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
/* Hide the part of the video that's outside the div */
}
.shx-landingPage__video__element {
width: 200%;
/* Make the video twice as wide as the div */
height: 100%;
object-fit: cover;
transform: translateX(-50%);
/* Shift the video to the left */
}
}
.shx-landingPage__video__content {