src/layouts/_media.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;

$gap: props.def(--l-media--gap, props.get(core.$size--150)) !default;

$gapless: props.def(--l-media--gapless, 0) !default;
$sm: props.def(--l-media--sm, props.get(core.$size--100)) !default;
$lg: props.def(--l-media--lg, props.get(core.$size--300)) !default;
$xl: props.def(--l-media--xl, props.get(core.$size--450)) !default;

$sizes: (
	"gapless": $gapless,
	"sm": $sm,
	"lg": $lg,
	"xl": $xl,
) !default;