1 files changed, 22 insertions, 7 deletions

diff --git a/src/layouts/_split-view.scss b/src/layouts/_split-view.scss
index 2744510..f522254 100644
--- a/src/layouts/_split-view.scss
+++ b/src/layouts/_split-view.scss
@@ -15,10 +15,6 @@
         gap:         props.get(vars.$col-gap);
         align-items: start;
 
-        @include bem.modifier('gapless') {
-            gap: props.get(vars.$gapless);
-        }
-
         @include bem.elem('panel') {
             flex:            1 1 auto;
             inline-size:     100%;
@@ -44,6 +40,21 @@
                 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') {
+            gap: props.get(vars.$gapless);
+
+            @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));
+                }
+            }
         }
 
         @include bem.elem('content') {
@@ -55,19 +66,23 @@
             gap:            props.get(vars.$row-gap);
             align-items:    stretch;
 
+            @include bem.modifier('gapless') {
+                gap: props.get(vars.$gapless);
+            }
+
             @include bem.modifier('wrap-reverse') {
                 flex-direction: column-reverse;
             }
 
             @include bem.elem('panel') {
-                flex: 1 1 auto;
-
+                inline-size: auto;
+                
                 @include bem.modifier('side-25') {
                     inline-size:     auto;
                     min-inline-size: 0;
                 }
 
-                @include bem.modifier('sticky', 'sticky-400') {
+                @include bem.modifier('sticky', 'sticky-400', 'sticky-1200') {
                     position: static;
                 }
             }