ilia
cfe1cf3922
Tested all four variants in browser — only active layer body visible while tabs stay staggered; scroll covers previous layers correctly. Co-authored-by: Cursor <cursoragent@cursor.com>
13 lines
426 B
CSS
13 lines
426 B
CSS
/* Shared stack scroll — overlapping sticky layers */
|
|
:root {
|
|
--stack-nav: 2.5rem;
|
|
--stack-stick: 3rem;
|
|
--stack-step: 2.75rem;
|
|
--stack-tab-h: 2rem;
|
|
--stack-reveal: calc(var(--stack-stick) + var(--stack-step) * 6 + var(--stack-tab-h));
|
|
--stack-slot: 100vh;
|
|
--stack-slot-last: 50vh;
|
|
--stack-pull: calc(var(--stack-slot) - var(--stack-reveal));
|
|
--stack-body-h: calc(100dvh - var(--stack-reveal) - 1.25rem);
|
|
}
|