ilia/levkin.ca
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Restore sticky card stack: stepped top + z-index, fix scroll runway.

Browse Source 
Reverts broken is-stuck body hiding and same-top layout from recent fixes.
Each layer sticks lower (L0–L6); higher z covers previous card on scroll.
Scroll pull was ~2.75rem (page only 1060px) — now 70vh per layer (~4k scroll).

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
ilia
2026-05-21 09:36:36 -04:00
co-authored by Cursor
parent 7b54b47443
commit f65e8c7018
7 changed files with 79 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files
shared/stack-vars.css
+6 -7
View File
@@ -1,13 +1,12 @@
/* Shared stack scroll — cards share one sticky line and cover via z-index */
/* Sticky card stack — enough scroll per layer for cover effect */
: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;
/* Scroll one "deck" height before next card covers */
--stack-pull: calc(var(--stack-slot) - var(--stack-reveal));
--stack-body-h: calc(100dvh - var(--stack-reveal) - 1.25rem);
--stack-slot-last: 55vh;
/* ~70vh scroll per layer before the next card slides over */
--stack-scroll-step: 70vh;
--stack-pull: calc(var(--stack-slot) - var(--stack-scroll-step));
--stack-body-h: calc(100dvh - var(--stack-stick) - var(--stack-step) * 6 - 3rem);
}