diff options
Diffstat (limited to 'src/layouts')
| -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 | } |
