summaryrefslogtreecommitdiffstats
path: root/src
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2024-10-25 15:53:28 +0200
committerVolpeon <git@volpeon.ink>2024-10-25 15:53:28 +0200
commit6dfbcec601dd5ac2524a31f38fb2cac83235aa29 (patch)
treeb0880fa28f7895003343a6f3b1cc298981d4e6fa /src
parentFix again (diff)
downloadiro-design-6dfbcec601dd5ac2524a31f38fb2cac83235aa29.tar.gz
iro-design-6dfbcec601dd5ac2524a31f38fb2cac83235aa29.tar.bz2
iro-design-6dfbcec601dd5ac2524a31f38fb2cac83235aa29.zip
Add gapless modifier to split view
Diffstat (limited to 'src')
-rw-r--r--src/layouts/_split-view.scss4
-rw-r--r--src/layouts/_split-view.vars.scss2
2 files changed, 6 insertions, 0 deletions
diff --git a/src/layouts/_split-view.scss b/src/layouts/_split-view.scss
index 2bc35bc..9d6c4bc 100644
--- a/src/layouts/_split-view.scss
+++ b/src/layouts/_split-view.scss
@@ -15,6 +15,10 @@
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
18 @include bem.elem('panel') { 22 @include bem.elem('panel') {
19 flex: 1 1 auto; 23 flex: 1 1 auto;
20 inline-size: 100%; 24 inline-size: 100%;
diff --git a/src/layouts/_split-view.vars.scss b/src/layouts/_split-view.vars.scss
index 581bba3..864ab5d 100644
--- a/src/layouts/_split-view.vars.scss
+++ b/src/layouts/_split-view.vars.scss
@@ -4,5 +4,7 @@
4$col-gap: props.def(--l-split-view--col-gap, props.get(core.$size--800)) !default; 4$col-gap: props.def(--l-split-view--col-gap, props.get(core.$size--800)) !default;
5$row-gap: props.def(--l-split-view--row-gap, props.get(core.$size--600)) !default; 5$row-gap: props.def(--l-split-view--row-gap, props.get(core.$size--600)) !default;
6 6
7$gapless: props.def(--l-split-view--gapless, 0) !default;
8
7$panel--side-25--min: props.def(--l-split-view--panel--side-25--min, props.get(core.$size--3200)) !default; 9$panel--side-25--min: props.def(--l-split-view--panel--side-25--min, props.get(core.$size--3200)) !default;
8$panel--sticky--inset: props.def(--l-split-view--panel--side-25--min, props.get(core.$size--400)) !default; 10$panel--sticky--inset: props.def(--l-split-view--panel--side-25--min, props.get(core.$size--400)) !default;