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>
36 lines
786 B
CSS
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;
|
|
}
|