studio-variable/le-courage-du-reel
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

hero : add baseline

Browse source
This commit is contained in:
isUnknown 2026-02-24 17:14:01 +01:00
parent d4f4ca3537
commit 940788a02d
5 changed files with 45 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

16
assets/css/src/_mobile.scss
View file

@ -130,13 +130,12 @@ body.no-scroll {
// ---- HERO ----
section#hero {
height: auto;
min-height: 100vh;
height: calc(100vh - 3.5rem);
text-align: center;
align-items: center;
padding: 4rem var(--padding-body) 3rem;
background-position: 74% -44vh;
background-size: 96vh;
padding: 25vh var(--padding-body) 3rem;
background-position: 70% -51vh;
background-size: 100vh;
.title {
font-size: 4rem;
@ -147,7 +146,12 @@ body.no-scroll {
}
#preorder-button {
position: static;
margin-top: 0;
}
.baseline {
bottom: 2rem;
width: 15rem;
}
}

11
assets/css/src/_section_1-hero.scss
View file

@ -1,4 +1,5 @@
section#hero {
box-sizing: border-box;
position: relative;
background-image: url('/assets/images/le-courage-du-reel-hero-bg.jpg');
background-position: center 45%;
@ -29,8 +30,14 @@ section#hero {
font-weight: 400;
}
#preorder-button {
.baseline {
position: absolute;
top: 50rem;
bottom: 3rem;
font-size: var(--font-size-m);
font-weight: 500;
}
#preorder-button {
margin-top: 4.625rem;
}
}

25
assets/css/style.css
View file

@ -204,6 +204,7 @@ body > header ul li:first-child {
}
section#hero {
box-sizing: border-box;
position: relative;
background-image: url("/assets/images/le-courage-du-reel-hero-bg.jpg");
background-position: center 45%;
@ -230,9 +231,14 @@ section#hero .title {
section#hero .subtitle {
font-weight: 400;
}
section#hero #preorder-button {
section#hero .baseline {
position: absolute;
top: 50rem;
bottom: 3rem;
font-size: var(--font-size-m);
font-weight: 500;
}
section#hero #preorder-button {
margin-top: 4.625rem;
}
section#quote-full,
@ -896,13 +902,12 @@ body.no-scroll {
scroll-margin-top: 5.8125rem;
}
section#hero {
height: auto;
min-height: 100vh;
height: calc(100vh - 3.5rem);
text-align: center;
align-items: center;
padding: 4rem var(--padding-body) 3rem;
background-position: 74% -44vh;
background-size: 96vh;
padding: 25vh var(--padding-body) 3rem;
background-position: 70% -51vh;
background-size: 100vh;
}
section#hero .title {
font-size: 4rem;
@ -911,7 +916,11 @@ body.no-scroll {
margin-bottom: 2rem;
}
section#hero #preorder-button {
position: static;
margin-top: 0;
}
section#hero .baseline {
bottom: 2rem;
width: 15rem;
}
section#quote-full,
section#quote {

2
assets/css/style.css.map
View file

File diff suppressed because one or more lines are too long