diff options
-rw-r--r-- | src/layouts/_split-view.scss | 12 |
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 | } |