All folders stick at --stack-reveal; higher layers paint over lower ones. Bodies hidden until panel aligns on the stack line (no vertical list). Co-authored-by: Cursor <cursoragent@cursor.com>
14 lines
507 B
CSS
14 lines
507 B
CSS
/* Shared stack scroll — cards share one sticky line and cover via z-index */
|
|
: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);
|
|
}
|