Merge nucleic/upbeat-jade-ibis-kt5e into main
Mirrored from corpo d7fd1dc.
This commit is contained in:
@@ -606,8 +606,14 @@ const canonical = new URL('/', Astro.site);
|
|||||||
viewport so the hero centres in what you can actually see, but Safari's
|
viewport so the hero centres in what you can actually see, but Safari's
|
||||||
bottom bar is translucent and the page shows through it, so clearing svh
|
bottom bar is translucent and the page shows through it, so clearing svh
|
||||||
only put the footer's rule behind the controls rather than out of sight.
|
only put the footer's rule behind the controls rather than out of sight.
|
||||||
Both terms collapse to the clamp anywhere the two viewports agree. */
|
Both terms collapse to the clamp anywhere the two viewports agree.
|
||||||
--footer-drop: calc(100lvh - 100svh + clamp(6.5rem, 16vh, 9rem));
|
|
||||||
|
The clamp is sized to park the footer just out of sight, not to bury it: it
|
||||||
|
pays for the footer's own height and the shell's bottom padding first, and
|
||||||
|
what is left over is the clearance below the fold — about 20-27px, enough
|
||||||
|
that the rule cannot peek at rest, and no more. Every pixel beyond that is
|
||||||
|
scroll the reader has to spend before the footer starts arriving. */
|
||||||
|
--footer-drop: calc(100lvh - 100svh + clamp(5.25rem, 10.5vh, 6rem));
|
||||||
|
|
||||||
min-height: calc(100svh + var(--footer-drop));
|
min-height: calc(100svh + var(--footer-drop));
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user