Update

1 files changed, 25 insertions, 5 deletions

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;
                                 }
                         }