diff options
| author | Volpeon <git@volpeon.ink> | 2025-02-25 18:49:39 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2025-02-25 18:49:39 +0100 |
| commit | 736e7c3543eba47c7dab4eb545c265192241d601 (patch) | |
| tree | 3190976e060cd5698cd5557b9463f1b45d6fb1b6 | |
| parent | Higher s-body font-size (diff) | |
| download | iro-design-736e7c3543eba47c7dab4eb545c265192241d601.tar.gz iro-design-736e7c3543eba47c7dab4eb545c265192241d601.tar.bz2 iro-design-736e7c3543eba47c7dab4eb545c265192241d601.zip | |
Add sticky-1200 to split-view panel
| -rw-r--r-- | src/layouts/_split-view.scss | 5 | ||||
| -rw-r--r-- | src/layouts/_split-view.vars.scss | 1 |
2 files changed, 6 insertions, 0 deletions
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 @@ | |||
| 40 | position: sticky; | 40 | position: sticky; |
| 41 | inset-block-start: calc(props.get(vars.$panel--sticky-400--inset) + props.get(vars.$panel--sticky-offset)); | 41 | inset-block-start: calc(props.get(vars.$panel--sticky-400--inset) + props.get(vars.$panel--sticky-offset)); |
| 42 | } | 42 | } |
| 43 | |||
| 44 | @include bem.modifier('sticky-1200') { | ||
| 45 | position: sticky; | ||
| 46 | inset-block-start: calc(props.get(vars.$panel--sticky-1200--inset) + props.get(vars.$panel--sticky-offset)); | ||
| 47 | } | ||
| 43 | } | 48 | } |
| 44 | 49 | ||
| 45 | @include bem.modifier('gapless') { | 50 | @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; | |||
| 8 | 8 | ||
| 9 | $panel--side-25--min: props.def(--l-split-view--panel--side-25--min, props.get(core.$size--3200)) !default; | 9 | $panel--side-25--min: props.def(--l-split-view--panel--side-25--min, props.get(core.$size--3200)) !default; |
| 10 | $panel--sticky-400--inset: props.def(--l-split-view--panel--sticky-400--inset, props.get(core.$size--400)) !default; | 10 | $panel--sticky-400--inset: props.def(--l-split-view--panel--sticky-400--inset, props.get(core.$size--400)) !default; |
| 11 | $panel--sticky-1200--inset: props.def(--l-split-view--panel--sticky-800--inset, props.get(core.$size--1200)) !default; | ||
| 11 | 12 | ||
| 12 | $panel--sticky-offset: props.def(--l-split-view--panel--sticky-offset, props.get(core.$sticky-top-offset)) !default; | 13 | $panel--sticky-offset: props.def(--l-split-view--panel--sticky-offset, props.get(core.$sticky-top-offset)) !default; |