From 1251b693b67431d77cc4aca95233880db6339919 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Wed, 18 Feb 2026 17:27:19 +0100 Subject: Update split-view --- src/layouts/_split-view.scss | 20 +++++++++----------- 1 file changed, 9 insertions(+), 11 deletions(-) (limited to 'src/layouts/_split-view.scss') 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; -- cgit v1.2.3-70-g09d2