src/layouts/_split-view.vars.scss


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

@use "pkg:iro-sass/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-50: props.def(--l-split-view--panel--min-50, props.get(core.$size--2400)) !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-offset: props.def(
	--l-split-view--panel--sticky-offset,
	props.get(core.$sticky-top-offset)
) !default;