Updated mobile layout
This commit is contained in:
+1
-1
@@ -15,7 +15,7 @@
|
||||
href="https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;500;600&display=swap"
|
||||
rel="stylesheet"
|
||||
>
|
||||
<link rel="stylesheet" href="styles.css?version=form-refinement">
|
||||
<link rel="stylesheet" href="styles.css?version=mobile-layout-repair">
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/gsap@3.15/dist/gsap.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/gsap@3.15/dist/ScrollTrigger.min.js"></script>
|
||||
|
||||
+34
-4
@@ -27,7 +27,7 @@ html {
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
min-width: 20rem;
|
||||
min-width: 0;
|
||||
overflow-x: hidden;
|
||||
background: var(--color-weathered-paper);
|
||||
color: var(--color-noel-black);
|
||||
@@ -969,7 +969,8 @@ ul {
|
||||
|
||||
.heading-display {
|
||||
margin-top: 3.25rem;
|
||||
font-size: clamp(3.7rem, 16vw, 7.1rem);
|
||||
/* Size complete lines against the space inside the page gutters. */
|
||||
font-size: min(7.1rem, calc((100vw - 2 * var(--site-horizontal-padding)) * 0.145));
|
||||
line-height: 0.92;
|
||||
}
|
||||
|
||||
@@ -1133,10 +1134,12 @@ ul {
|
||||
|
||||
.underline-reveal-link {
|
||||
font-size: 0.7rem;
|
||||
min-height: 2.75rem;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.heading-display {
|
||||
font-size: clamp(3.05rem, 15.25vw, 4.8rem);
|
||||
letter-spacing: 0.02em;
|
||||
}
|
||||
|
||||
@@ -1144,6 +1147,33 @@ ul {
|
||||
font-size: 0.83em;
|
||||
}
|
||||
|
||||
.grid-overlapping-trailing-image,
|
||||
.grid-leading-image,
|
||||
.grid-wide-inset-image,
|
||||
.grid-tall-trailing-image,
|
||||
.grid-small-inset-image {
|
||||
margin-inline: auto;
|
||||
}
|
||||
|
||||
.grid-leading-image {
|
||||
/* Leave room above the frame throughout its parallax travel. */
|
||||
margin-top: 3.5rem;
|
||||
}
|
||||
|
||||
.arrow-link,
|
||||
.link-stack a {
|
||||
min-height: 2.75rem;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.link-stack a {
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
.target-notice {
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
.heading-statement {
|
||||
font-size: clamp(2.15rem, 10.5vw, 3.3rem);
|
||||
letter-spacing: 0.025em;
|
||||
@@ -1166,7 +1196,7 @@ ul {
|
||||
}
|
||||
|
||||
.heading-large {
|
||||
font-size: clamp(2.75rem, 13vw, 4.1rem);
|
||||
font-size: min(4.1rem, 13vw);
|
||||
letter-spacing: 0.025em;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user