summaryrefslogtreecommitdiffstats
path: root/src/layouts
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2024-11-24 20:29:56 +0100
committerVolpeon <git@volpeon.ink>2024-11-24 20:29:56 +0100
commit1c742f1ce8f5f819f20d06910d99a941f53fef4f (patch)
treeaac9222978e52c5edced04584f05bd6162c66636 /src/layouts
parentSplit view (diff)
downloadiro-design-1c742f1ce8f5f819f20d06910d99a941f53fef4f.tar.gz
iro-design-1c742f1ce8f5f819f20d06910d99a941f53fef4f.tar.bz2
iro-design-1c742f1ce8f5f819f20d06910d99a941f53fef4f.zip
Split view
Diffstat (limited to 'src/layouts')
-rw-r--r--src/layouts/_split-view.scss14
1 files changed, 10 insertions, 4 deletions
diff --git a/src/layouts/_split-view.scss b/src/layouts/_split-view.scss
index fe7bc87..7234687 100644
--- a/src/layouts/_split-view.scss
+++ b/src/layouts/_split-view.scss
@@ -15,10 +15,6 @@
15 gap: props.get(vars.$col-gap); 15 gap: props.get(vars.$col-gap);
16 align-items: start; 16 align-items: start;
17 17
18 @include bem.modifier('gapless') {
19 gap: props.get(vars.$gapless);
20 }
21
22 @include bem.elem('panel') { 18 @include bem.elem('panel') {
23 flex: 1 1 auto; 19 flex: 1 1 auto;
24 inline-size: 100%; 20 inline-size: 100%;
@@ -50,6 +46,16 @@
50 } 46 }
51 } 47 }
52 48
49 @include bem.modifier('gapless') {
50 gap: props.get(vars.$gapless);
51
52 @include bem.elem('panel') {
53 @include bem.modifier('side-25') {
54 min-inline-size: calc(props.get(vars.$panel--side-25--min) + props.get(vars.$col-gap) - props.get(vars.$gapless));
55 }
56 }
57 }
58
53 @include bem.elem('content') { 59 @include bem.elem('content') {
54 inline-size: 100%; 60 inline-size: 100%;
55 } 61 }