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