hero : add baseline
This commit is contained in:
parent
d4f4ca3537
commit
940788a02d
5 changed files with 45 additions and 27 deletions
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue