Sections overlap via negative margin; tabs stay in staggered rail; active body z-index covers layers below as you scroll. Co-authored-by: Cursor <cursoragent@cursor.com>
21 lines
357 B
CSS
21 lines
357 B
CSS
/* Pull layers into one stack so sticky overlap works */
|
|
.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;
|
|
}
|