diff options
author | Volpeon <git@volpeon.ink> | 2024-10-25 15:53:28 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2024-10-25 15:53:28 +0200 |
commit | 6dfbcec601dd5ac2524a31f38fb2cac83235aa29 (patch) | |
tree | b0880fa28f7895003343a6f3b1cc298981d4e6fa /src | |
parent | Fix again (diff) | |
download | iro-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.scss | 4 | ||||
-rw-r--r-- | src/layouts/_split-view.vars.scss | 2 |
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; |