etoiledebethleem/website
3
1
Fork 0
Code Issues 6 Pull requests Projects 1 Releases Packages Activity Actions

fix: landing and header

Browse source
This commit is contained in:
Matthieu Bessat 2024-03-03 12:50:58 +01:00
parent e2d39ad34b
commit 511e351f37
9 changed files with 56 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

25
assets/sass/landing.scss
View file

@ -1,6 +1,6 @@
.cover__container {
position: relative;
min-height: 50rem;
min-height: 40rem;
}
.cover__back {
@ -11,7 +11,7 @@
background-size: cover;
background-repeat: no-repeat;
background-position-x: center;
background-position-y: center;
background-position-y: 0;
z-index: 1;
// to center the video
@ -345,6 +345,10 @@
}
@media (max-width: $md-breakpoint) {
.cover__back {
background-position-y: 0;
}
.history-container {
}
@ -353,3 +357,20 @@
}
}
@media (min-width: $md-breakpoint) {
.cover__back {
background-position-y: -5em;
}
}
@media (min-width: $lg-breakpoint) {
.cover__back {
background-position-y: -10em;
}
}
@media (min-width: $xl-breakpoint) {
.cover__back {
background-position-y: -15em;
}
}