Link hero lockup scale
This commit is contained in:
26
styles.css
26
styles.css
@@ -126,10 +126,11 @@ button {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.hero__headline-wrap {
|
.hero__headline-wrap {
|
||||||
|
font-size: clamp(0.8rem, 1.4vw, 1rem);
|
||||||
position: relative;
|
position: relative;
|
||||||
max-width: 32rem;
|
max-width: 32em;
|
||||||
min-height: 26rem;
|
min-height: 26em;
|
||||||
padding-top: 6rem;
|
padding-top: 6em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.section-title {
|
.section-title {
|
||||||
@@ -144,7 +145,7 @@ button {
|
|||||||
position: relative;
|
position: relative;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
max-width: none;
|
max-width: none;
|
||||||
font-size: clamp(4rem, 5.15vw, 5.2rem);
|
font-size: 4.5em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -160,9 +161,9 @@ button {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.hero__scribble--composite {
|
.hero__scribble--composite {
|
||||||
width: clamp(336px, 28vw, 448px);
|
width: 28em;
|
||||||
top: -6.2rem;
|
top: -6.2em;
|
||||||
left: calc(11rem + 50px);
|
left: 14.125em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__media {
|
.hero__media {
|
||||||
@@ -738,18 +739,19 @@ button {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.hero__headline-wrap {
|
.hero__headline-wrap {
|
||||||
min-height: 18rem;
|
font-size: clamp(0.58rem, 2.6vw, 0.82rem);
|
||||||
padding-top: 3.4rem;
|
min-height: 18em;
|
||||||
|
padding-top: 3.4em;
|
||||||
max-width: none;
|
max-width: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.section-title--hero {
|
.section-title--hero {
|
||||||
font-size: clamp(2.35rem, 10.5vw, 3.4rem);
|
font-size: 4.05em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__scribble--composite {
|
.hero__scribble--composite {
|
||||||
width: 320px;
|
width: 20em;
|
||||||
top: -3rem;
|
top: -3em;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user