src/layouts/_media.vars.scss


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

@use '../props';
@use '../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;