From 1251b693b67431d77cc4aca95233880db6339919 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Wed, 18 Feb 2026 17:27:19 +0100
Subject: Update split-view

---
 src/layouts/_split-view.scss      | 20 +++++++++-----------
 src/layouts/_split-view.vars.scss |  4 +++-
 2 files changed, 12 insertions(+), 12 deletions(-)

(limited to 'src/layouts')

diff --git a/src/layouts/_split-view.scss b/src/layouts/_split-view.scss
index 6469a7d..33511d2 100644
--- a/src/layouts/_split-view.scss
+++ b/src/layouts/_split-view.scss
@@ -23,12 +23,11 @@
 			@include bem.modifier('side-25') {
 				flex:            0 0 auto;
 				inline-size:     25%;
-				min-inline-size: props.get(vars.$panel--side-25--min);
+				min-inline-size: props.get(vars.$panel--min-100);
 			}
 
-			@include bem.modifier('sticky-0') {
-				position:          sticky;
-				inset-block-start: 0;
+			@include bem.modifier('min-200') {
+				min-inline-size: props.get(vars.$panel--min-200);
 			}
 
 			@include bem.modifier('sticky') {
@@ -40,11 +39,6 @@
 				position:          sticky;
 				inset-block-start: calc(props.get(vars.$panel--sticky-400--inset) + props.get(vars.$panel--sticky-offset));
 			}
-
-			@include bem.modifier('sticky-1200') {
-				position:          sticky;
-				inset-block-start: calc(props.get(vars.$panel--sticky-1200--inset) + props.get(vars.$panel--sticky-offset));
-			}
 		}
 
 		@include bem.modifier('gapless') {
@@ -52,7 +46,11 @@
 
 			@include bem.elem('panel') {
 				@include bem.modifier('side-25') {
-					min-inline-size: calc(props.get(vars.$panel--side-25--min) + props.get(vars.$col-gap) - props.get(vars.$gapless));
+					min-inline-size: calc(props.get(vars.$panel--min-100) + props.get(vars.$col-gap) - props.get(vars.$gapless));
+				}
+
+				@include bem.modifier('min-200') {
+					min-inline-size: calc(props.get(vars.$panel--min-200) + props.get(vars.$col-gap) - props.get(vars.$gapless));
 				}
 			}
 		}
@@ -76,7 +74,7 @@
 
 			@include bem.elem('panel') {
 				inline-size: auto;
-                
+
 				@include bem.modifier('side-25') {
 					inline-size:     auto;
 					min-inline-size: 0;
diff --git a/src/layouts/_split-view.vars.scss b/src/layouts/_split-view.vars.scss
index d519939..5a8be2b 100644
--- a/src/layouts/_split-view.vars.scss
+++ b/src/layouts/_split-view.vars.scss
@@ -6,7 +6,9 @@ $row-gap:  props.def(--l-split-view--row-gap, props.get(core.$size--600)) !defau
 
 $gapless: props.def(--l-split-view--gapless, 0rem) !default;
 
-$panel--side-25--min: props.def(--l-split-view--panel--side-25--min, props.get(core.$size--3200)) !default;
+$panel--min-100: props.def(--l-split-view--panel--min-100, props.get(core.$size--3200)) !default;
+$panel--min-200: props.def(--l-split-view--panel--min-200, props.get(core.$size--4200)) !default;
+
 $panel--sticky-400--inset: props.def(--l-split-view--panel--sticky-400--inset, props.get(core.$size--400)) !default;
 $panel--sticky-1200--inset: props.def(--l-split-view--panel--sticky-1200--inset, props.get(core.$size--1200)) !default;
 
-- 
cgit v1.2.3-70-g09d2