levkin.ca/shared/stack-layout.css
ilia 7b54b47443 Fix stack cover: shared sticky line, z-index, show body only on stack.
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>
2026-05-20 23:23:59 -04:00

36 lines
786 B
CSS

/* Overlapping scroll slots — each layer covers the one below via z-index */
.scroll-section {
height: var(--stack-slot);
position: relative;
}
.scroll-section + .scroll-section {
margin-top: calc(-1 * var(--stack-pull));
}
.scroll-section--final {
height: var(--stack-slot-last);
min-height: 260px;
}
.stack-stop,
.stop {
height: 2rem;
margin-bottom: 3rem;
}
/* Body visible only when card is stuck on the stack — next card covers previous */
.scroll-section:not(.is-stuck) .body,
.scroll-section:not(.is-stuck) .layer-inner,
.scroll-section:not(.is-stuck) .frame-body,
.scroll-section:not(.is-stuck) .unit-body {
visibility: hidden;
min-height: 0;
height: 0;
padding-top: 0;
padding-bottom: 0;
border: none;
box-shadow: none;
overflow: hidden;
}