Merge nucleic/rustic-north-robin-niry into main

Mirrored from corpo 52e4273.
This commit is contained in:
2026-08-09 21:18:50 -07:00
parent 33da4cac30
commit 15b10c0e27
+14
View File
@@ -215,6 +215,20 @@ const canonical = new URL('/', Astro.site);
it falls back to body, and a transparent answer from this layer hands the it falls back to body, and a transparent answer from this layer hands the
toolbar its default grey instead of the page's own dark. */ toolbar its default grey instead of the page's own dark. */
background-color: var(--paper); background-color: var(--paper);
/* The apron. A deep rubber-band fling drags this layer's edges into view, and
what Safari composites beyond them is not reliably the page's to choose: the
gap fill has its own rules, and on a hard fling the fixed layer is repositioned
asynchronously and can lag the bounce by whole frames — which put a strip of
not-this-layer on screen at exactly the moment the eye is on the edge. Coverage
has to travel with the layer itself, so it is cast from it: a zero-blur shadow,
one viewport of solid --paper beyond every edge, clipped by nothing (shadows
paint outside the border box and ignore this element's own overflow). Invisible
at rest, it means any strip revealed next to this layer during any bounce, at
any lag, in either direction, is the same paint as the layer's own faded edge.
The lvh spread matters: the bounce can't exceed a viewport, so the apron always
outruns it. Plain vh first as the fallback for engines without lvh. */
box-shadow: 0 0 0 100vh var(--paper);
box-shadow: 0 0 0 100lvh var(--paper);
} }
/* The grey bar, properly. /* The grey bar, properly.