diff options
Diffstat (limited to 'src/layouts/_split-view.scss')
-rw-r--r-- | src/layouts/_split-view.scss | 9 |
1 files changed, 7 insertions, 2 deletions
diff --git a/src/layouts/_split-view.scss b/src/layouts/_split-view.scss index a76f6e8..2744510 100644 --- a/src/layouts/_split-view.scss +++ b/src/layouts/_split-view.scss | |||
@@ -30,14 +30,19 @@ | |||
30 | min-inline-size: props.get(vars.$panel--side-25--min); | 30 | min-inline-size: props.get(vars.$panel--side-25--min); |
31 | } | 31 | } |
32 | 32 | ||
33 | @include bem.modifier('sticky') { | 33 | @include bem.modifier('sticky-0') { |
34 | position: sticky; | 34 | position: sticky; |
35 | inset-block-start: 0; | 35 | inset-block-start: 0; |
36 | } | 36 | } |
37 | 37 | ||
38 | @include bem.modifier('sticky') { | ||
39 | position: sticky; | ||
40 | inset-block-start: props.get(vars.$panel--sticky-offset); | ||
41 | } | ||
42 | |||
38 | @include bem.modifier('sticky-400') { | 43 | @include bem.modifier('sticky-400') { |
39 | position: sticky; | 44 | position: sticky; |
40 | inset-block-start: props.get(vars.$panel--sticky-400--inset); | 45 | inset-block-start: calc(props.get(vars.$panel--sticky-400--inset) + props.get(vars.$panel--sticky-offset)); |
41 | } | 46 | } |
42 | } | 47 | } |
43 | 48 | ||