diff options
| author | Volpeon <git@volpeon.ink> | 2024-11-24 19:24:25 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2024-11-24 19:24:25 +0100 |
| commit | 9fd05ef8bf6da662b6dcc3d30133b126ab39eaa6 (patch) | |
| tree | a09cc121c37eb878819efbbbdba2a5dbbfbecaf3 /src | |
| parent | Update (diff) | |
| download | iro-design-9fd05ef8bf6da662b6dcc3d30133b126ab39eaa6.tar.gz iro-design-9fd05ef8bf6da662b6dcc3d30133b126ab39eaa6.tar.bz2 iro-design-9fd05ef8bf6da662b6dcc3d30133b126ab39eaa6.zip | |
Split view
Diffstat (limited to 'src')
| -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 | } |
