summaryrefslogtreecommitdiffstats
path: root/src/layouts
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2024-11-24 19:24:25 +0100
committerVolpeon <git@volpeon.ink>2024-11-24 19:24:25 +0100
commit9fd05ef8bf6da662b6dcc3d30133b126ab39eaa6 (patch)
treea09cc121c37eb878819efbbbdba2a5dbbfbecaf3 /src/layouts
parentUpdate (diff)
downloadiro-design-9fd05ef8bf6da662b6dcc3d30133b126ab39eaa6.tar.gz
iro-design-9fd05ef8bf6da662b6dcc3d30133b126ab39eaa6.tar.bz2
iro-design-9fd05ef8bf6da662b6dcc3d30133b126ab39eaa6.zip
Split view
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 }