diff options
Diffstat (limited to 'src/layouts/_button-group.vars.scss')
| -rw-r--r-- | src/layouts/_button-group.vars.scss | 14 |
1 files changed, 13 insertions, 1 deletions
diff --git a/src/layouts/_button-group.vars.scss b/src/layouts/_button-group.vars.scss index 95ac8f8..50c1b53 100644 --- a/src/layouts/_button-group.vars.scss +++ b/src/layouts/_button-group.vars.scss | |||
| @@ -1,4 +1,16 @@ | |||
| 1 | @use 'iro-sass/src/props'; | 1 | @use 'iro-sass/src/props'; |
| 2 | @use '../core.vars' as core; | 2 | @use '../core.vars' as core; |
| 3 | 3 | ||
| 4 | $spacing: props.def(--l-button-group--spacing, props.get(core.$size--150)) !default; | 4 | $gap: props.def(--l-button-group--gap, props.get(core.$size--150)) !default; |
| 5 | |||
| 6 | $gapless: props.def(--l-button-group--gapless, 0) !default; | ||
| 7 | $sm: props.def(--l-button-group--sm, props.get(core.$size--100)) !default; | ||
| 8 | $lg: props.def(--l-button-group--lg, props.get(core.$size--300)) !default; | ||
| 9 | $xl: props.def(--l-button-group--xl, props.get(core.$size--450)) !default; | ||
| 10 | |||
| 11 | $sizes: ( | ||
| 12 | 'gapless': $gapless, | ||
| 13 | 'sm': $sm, | ||
| 14 | 'lg': $lg, | ||
| 15 | 'xl': $xl, | ||
| 16 | ) !default; | ||
