summaryrefslogtreecommitdiffstats
path: root/src/layouts/_split-view.scss
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2024-11-16 11:34:57 +0100
committerVolpeon <git@volpeon.ink>2024-11-16 11:34:57 +0100
commit9262c000cde6610ff2be5a3f66f63a097101ef00 (patch)
tree90b4bf213afa359b1371e6485a0574f6f7f9b501 /src/layouts/_split-view.scss
parentTabs (diff)
downloadiro-design-9262c000cde6610ff2be5a3f66f63a097101ef00.tar.gz
iro-design-9262c000cde6610ff2be5a3f66f63a097101ef00.tar.bz2
iro-design-9262c000cde6610ff2be5a3f66f63a097101ef00.zip
Sticky offset
Diffstat (limited to 'src/layouts/_split-view.scss')
-rw-r--r--src/layouts/_split-view.scss9
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