summaryrefslogtreecommitdiffstats
path: root/src/layouts
diff options
context:
space:
mode:
Diffstat (limited to 'src/layouts')
-rw-r--r--src/layouts/_split-view.scss12
1 files changed, 10 insertions, 2 deletions
diff --git a/src/layouts/_split-view.scss b/src/layouts/_split-view.scss
index 2744510..0b75542 100644
--- a/src/layouts/_split-view.scss
+++ b/src/layouts/_split-view.scss
@@ -44,6 +44,10 @@
44 position: sticky; 44 position: sticky;
45 inset-block-start: calc(props.get(vars.$panel--sticky-400--inset) + props.get(vars.$panel--sticky-offset)); 45 inset-block-start: calc(props.get(vars.$panel--sticky-400--inset) + props.get(vars.$panel--sticky-offset));
46 } 46 }
47
48 @include bem.modifier('fill') {
49 block-size: 100dvh;
50 }
47 } 51 }
48 52
49 @include bem.elem('content') { 53 @include bem.elem('content') {
@@ -60,8 +64,8 @@
60 } 64 }
61 65
62 @include bem.elem('panel') { 66 @include bem.elem('panel') {
63 flex: 1 1 auto; 67 inline-size: auto;
64 68
65 @include bem.modifier('side-25') { 69 @include bem.modifier('side-25') {
66 inline-size: auto; 70 inline-size: auto;
67 min-inline-size: 0; 71 min-inline-size: 0;
@@ -70,6 +74,10 @@
70 @include bem.modifier('sticky', 'sticky-400') { 74 @include bem.modifier('sticky', 'sticky-400') {
71 position: static; 75 position: static;
72 } 76 }
77
78 @include bem.modifier('fill') {
79 block-size: auto;
80 }
73 } 81 }
74 } 82 }
75 } 83 }