From 6dfbcec601dd5ac2524a31f38fb2cac83235aa29 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Fri, 25 Oct 2024 15:53:28 +0200 Subject: Add gapless modifier to split view --- src/layouts/_split-view.scss | 4 ++++ src/layouts/_split-view.vars.scss | 2 ++ 2 files changed, 6 insertions(+) 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 @@ gap: props.get(vars.$col-gap); align-items: start; + @include bem.modifier('gapless') { + gap: props.get(vars.$gapless); + } + @include bem.elem('panel') { flex: 1 1 auto; 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 @@ $col-gap: props.def(--l-split-view--col-gap, props.get(core.$size--800)) !default; $row-gap: props.def(--l-split-view--row-gap, props.get(core.$size--600)) !default; +$gapless: props.def(--l-split-view--gapless, 0) !default; + $panel--side-25--min: props.def(--l-split-view--panel--side-25--min, props.get(core.$size--3200)) !default; $panel--sticky--inset: props.def(--l-split-view--panel--side-25--min, props.get(core.$size--400)) !default; -- cgit v1.2.3-70-g09d2