Skip to content
Extraits de code Groupes Projets
Valider 7b75a6f9 rédigé par RealET's avatar RealET :kissing_cat:
Parcourir les fichiers

feat : Amélioration du RWD des vidéos du bloc ZoomSur (Rennes)

parent 16c09605
Aucune branche associée trouvée
Aucune étiquette associée trouvée
Aucune requête de fusion associée trouvée
...@@ -533,28 +533,57 @@ select { ...@@ -533,28 +533,57 @@ select {
} }
} }
.bg-iframe {
position: relative;
overflow: hidden;
width: 100vw;
height: 100vh;
}
.bg-video__iframe {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.slider-slick .bg-video { .slider-slick .bg-video {
aspect-ratio : 320 / [(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{2.5})]; aspect-ratio : 320 / [(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{2.5})];
position: relative; position: relative;
} }
.bg-video__iframe {
width: 100vw;
height: 100vh;
}
@media only screen and (min-width: 640px) { @media only screen and (min-width: 640px) {
.slider-slick .bg-video { .slider-slick .bg-video {
aspect-ratio : 640 / [(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{1.8})]; aspect-ratio : 640 / [(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{1.8})];
} }
.bg-video__iframe {
width: 100vw;
height: 100vh;
}
} }
@media only screen and (min-width: 1024px) { @media only screen and (min-width: 1024px) {
.slider-slick .bg-video { .slider-slick .bg-video {
aspect-ratio : 1024 / [(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{1.4})]; aspect-ratio : 1024 / [(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{1.4})];
} }
.bg-video__iframe {
width: 100vw;
height: 100vh;
}
} }
[(#CONFIG{soyezcreateurs_layout/largeurconteneur,960}|>{1024}|oui)[(#CONFIG{soyezcreateurs_layout/largeurconteneur,960}|<{1160}|oui) [(#CONFIG{soyezcreateurs_layout/largeurconteneur,960}|>{1024}|oui)[(#CONFIG{soyezcreateurs_layout/largeurconteneur,960}|<{1160}|oui)
@media only screen and (min-width: #CONFIG{soyezcreateurs_layout/largeurconteneur,960}px) { @media only screen and (min-width: #CONFIG{soyezcreateurs_layout/largeurconteneur,960}px) {
.slider-slick .bg-video { .slider-slick .bg-video {
aspect-ratio : #CONFIG{soyezcreateurs_layout/largeurconteneur,960}} / [(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{1.2})]; aspect-ratio : #CONFIG{soyezcreateurs_layout/largeurconteneur,960} / [(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{1.2})];
}
.bg-video__iframe {
width: 100vw;
height: 100vh;
} }
} }
]] ]]
...@@ -563,6 +592,10 @@ select { ...@@ -563,6 +592,10 @@ select {
.slider-slick .bg-video { .slider-slick .bg-video {
aspect-ratio : 1920 / #CONFIG{soyezcreateurs/hauteur_slider,580}; aspect-ratio : 1920 / #CONFIG{soyezcreateurs/hauteur_slider,580};
} }
.bg-video__iframe {
width: 100vw;
height: 177.78vh;
}
} }
.slider-slick .bg-video video { .slider-slick .bg-video video {
...@@ -573,17 +606,6 @@ select { ...@@ -573,17 +606,6 @@ select {
object-fit: cover; object-fit: cover;
} }
.slider-slick .bg-video iframe {
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
object-fit: cover;
}
#actualites { #actualites {
margin-top: 7em; margin-top: 7em;
margin-bottom: 5em; margin-bottom: 5em;
......
0% Chargement en cours ou .
You are about to add 0 people to the discussion. Proceed with caution.
Veuillez vous inscrire ou vous pour commenter