From 8911fdeb9913e6a54b08520b11e4753d98171a12 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Sat, 28 Feb 2026 15:48:37 +0100
Subject: Update

---
 src/layouts/_split-view.scss | 30 +++++++++++++++++++++++++-----
 1 file changed, 25 insertions(+), 5 deletions(-)

(limited to 'src/layouts/_split-view.scss')

diff --git a/src/layouts/_split-view.scss b/src/layouts/_split-view.scss
index 33511d2..3cbd775 100644
--- a/src/layouts/_split-view.scss
+++ b/src/layouts/_split-view.scss
@@ -20,9 +20,22 @@
 			inline-size:     100%;
 			min-inline-size: 0;
 
+			&::before {
+				display:       block;
+				margin-block:  -100em 100em;
+				content:       '';
+			}
+
 			@include bem.modifier('side-25') {
-				flex:            0 0 auto;
-				inline-size:     25%;
+				flex:        0 0 auto;
+				inline-size: 25%;
+			}
+
+			@include bem.modifier('min-50') {
+				min-inline-size: props.get(vars.$panel--min-50);
+			}
+
+			@include bem.modifier('min-100') {
 				min-inline-size: props.get(vars.$panel--min-100);
 			}
 
@@ -45,7 +58,11 @@
 			gap: props.get(vars.$gapless);
 
 			@include bem.elem('panel') {
-				@include bem.modifier('side-25') {
+				@include bem.modifier('min-50') {
+					min-inline-size: calc(props.get(vars.$panel--min-50) + props.get(vars.$col-gap) - props.get(vars.$gapless));
+				}
+
+				@include bem.modifier('min-100') {
 					min-inline-size: calc(props.get(vars.$panel--min-100) + props.get(vars.$col-gap) - props.get(vars.$gapless));
 				}
 
@@ -76,11 +93,14 @@
 				inline-size: auto;
 
 				@include bem.modifier('side-25') {
-					inline-size:     auto;
+					inline-size: auto;
+				}
+
+				@include bem.modifier('min-50', 'min-100', 'min-200') {
 					min-inline-size: 0;
 				}
 
-				@include bem.modifier('sticky', 'sticky-400', 'sticky-1200') {
+				@include bem.modifier('sticky', 'sticky-400') {
 					position: static;
 				}
 			}
-- 
cgit v1.2.3-70-g09d2