From 6dfbcec601dd5ac2524a31f38fb2cac83235aa29 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
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(+)
(limited to 'src')
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