From 736e7c3543eba47c7dab4eb545c265192241d601 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Tue, 25 Feb 2025 18:49:39 +0100 Subject: Add sticky-1200 to split-view panel --- src/layouts/_split-view.scss | 5 +++++ src/layouts/_split-view.vars.scss | 1 + 2 files changed, 6 insertions(+) (limited to 'src') diff --git a/src/layouts/_split-view.scss b/src/layouts/_split-view.scss index a51be85..b354462 100644 --- a/src/layouts/_split-view.scss +++ b/src/layouts/_split-view.scss @@ -40,6 +40,11 @@ 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') { diff --git a/src/layouts/_split-view.vars.scss b/src/layouts/_split-view.vars.scss index ecebb4f..d273205 100644 --- a/src/layouts/_split-view.vars.scss +++ b/src/layouts/_split-view.vars.scss @@ -8,5 +8,6 @@ $gapless: props.def(--l-split-view--gapless, 0rem) !default; $panel--side-25--min: props.def(--l-split-view--panel--side-25--min, props.get(core.$size--3200)) !default; $panel--sticky-400--inset: props.def(--l-split-view--panel--sticky-400--inset, props.get(core.$size--400)) !default; +$panel--sticky-1200--inset: props.def(--l-split-view--panel--sticky-800--inset, props.get(core.$size--1200)) !default; $panel--sticky-offset: props.def(--l-split-view--panel--sticky-offset, props.get(core.$sticky-top-offset)) !default; -- cgit v1.2.3-70-g09d2