Update split-viewHEADmaster

1 files changed, 9 insertions, 11 deletions

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;