src/layouts/_split-view.vars.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

@use 'iro-sass/src/props';
@use '../core.vars' as core;

$col-gap:  props.def(--l-split-view--col-gap, props.get(core.$size--800)) !default;
$row-gap:  props.def(--l-split-view--row-gap, props.get(core.$size--600)) !default;

$gapless: props.def(--l-split-view--gapless, 0rem) !default;

$panel--min-100: props.def(--l-split-view--panel--min-100, props.get(core.$size--3200)) !default;
$panel--min-200: props.def(--l-split-view--panel--min-200, props.get(core.$size--4200)) !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-1200--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;