src/layouts/_button-group.vars.scss


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

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

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

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

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