diff options
Diffstat (limited to 'src/layouts')
-rw-r--r-- | src/layouts/_button-group.vars.scss | 4 | ||||
-rw-r--r-- | src/layouts/_card-list.vars.scss | 26 | ||||
-rw-r--r-- | src/layouts/_container.vars.scss | 14 | ||||
-rw-r--r-- | src/layouts/_form.vars.scss | 6 | ||||
-rw-r--r-- | src/layouts/_media.vars.scss | 10 | ||||
-rw-r--r-- | src/layouts/_overflow.scss | 4 |
6 files changed, 32 insertions, 32 deletions
diff --git a/src/layouts/_button-group.vars.scss b/src/layouts/_button-group.vars.scss index ac57b44..23b09c0 100644 --- a/src/layouts/_button-group.vars.scss +++ b/src/layouts/_button-group.vars.scss | |||
@@ -1,4 +1,4 @@ | |||
1 | @use '../props'; | 1 | @use '../props'; |
2 | @use '../vars'; | 2 | @use '../core'; |
3 | 3 | ||
4 | $spacing: props.def(--l-button-group--spacing, props.get(vars.$size--150)) !default; | 4 | $spacing: props.def(--l-button-group--spacing, props.get(core.$size--150)) !default; |
diff --git a/src/layouts/_card-list.vars.scss b/src/layouts/_card-list.vars.scss index b3aaac4..16be23e 100644 --- a/src/layouts/_card-list.vars.scss +++ b/src/layouts/_card-list.vars.scss | |||
@@ -1,19 +1,19 @@ | |||
1 | @use '../props'; | 1 | @use '../props'; |
2 | @use '../vars'; | 2 | @use '../core'; |
3 | 3 | ||
4 | $row-gap: props.def(--l-card-list--row-gap, props.get(vars.$size--800)) !default; | 4 | $row-gap: props.def(--l-card-list--row-gap, props.get(core.$size--800)) !default; |
5 | $col-gap: props.def(--l-card-list--col-gap, props.get(vars.$size--400)) !default; | 5 | $col-gap: props.def(--l-card-list--col-gap, props.get(core.$size--400)) !default; |
6 | 6 | ||
7 | $grid--row-gap: props.def(--l-card-list--grid--row-gap, props.get(vars.$size--800)) !default; | 7 | $grid--row-gap: props.def(--l-card-list--grid--row-gap, props.get(core.$size--800)) !default; |
8 | $grid--col-gap: props.def(--l-card-list--grid--col-gap, props.get(vars.$size--400)) !default; | 8 | $grid--col-gap: props.def(--l-card-list--grid--col-gap, props.get(core.$size--400)) !default; |
9 | $grid--col-width: props.def(--l-card-list--grid--col-width, props.get(vars.$size--3200)) !default; | 9 | $grid--col-width: props.def(--l-card-list--grid--col-width, props.get(core.$size--3200)) !default; |
10 | 10 | ||
11 | $masonry--row-gap: props.def(--l-card-list--masonry--row-gap, props.get(vars.$size--800)) !default; | 11 | $masonry--row-gap: props.def(--l-card-list--masonry--row-gap, props.get(core.$size--800)) !default; |
12 | $masonry--col-gap: props.def(--l-card-list--masonry--col-gap, props.get(vars.$size--400)) !default; | 12 | $masonry--col-gap: props.def(--l-card-list--masonry--col-gap, props.get(core.$size--400)) !default; |
13 | $masonry--col-width: props.def(--l-card-list--masonry--col-width, props.get(vars.$size--3200)) !default; | 13 | $masonry--col-width: props.def(--l-card-list--masonry--col-width, props.get(core.$size--3200)) !default; |
14 | 14 | ||
15 | $masonry-h--row-gap: props.def(--l-card-list--masonry-h--row-gap, props.get(vars.$size--800)) !default; | 15 | $masonry-h--row-gap: props.def(--l-card-list--masonry-h--row-gap, props.get(core.$size--800)) !default; |
16 | $masonry-h--col-gap: props.def(--l-card-list--masonry-h--col-gap, props.get(vars.$size--400)) !default; | 16 | $masonry-h--col-gap: props.def(--l-card-list--masonry-h--col-gap, props.get(core.$size--400)) !default; |
17 | $masonry-h--row-height: props.def(--l-card-list--masonry-h--row-height, props.get(vars.$size--3200)) !default; | 17 | $masonry-h--row-height: props.def(--l-card-list--masonry-h--row-height, props.get(core.$size--3200)) !default; |
18 | 18 | ||
19 | $border-color: props.def(--l-card-list--border-color, props.get(vars.$theme, --border)) !default; | 19 | $border-color: props.def(--l-card-list--border-color, props.get(core.$theme, --border)) !default; |
diff --git a/src/layouts/_container.vars.scss b/src/layouts/_container.vars.scss index 8b2258a..a80a909 100644 --- a/src/layouts/_container.vars.scss +++ b/src/layouts/_container.vars.scss | |||
@@ -1,6 +1,6 @@ | |||
1 | @use 'iro-sass/src/iro-sass' as iro; | 1 | @use 'iro-sass/src/iro-sass' as iro; |
2 | @use '../props'; | 2 | @use '../props'; |
3 | @use '../vars'; | 3 | @use '../core'; |
4 | 4 | ||
5 | $fixed-125: props.def(--l-container--fixed-125, iro.fn-px-to-rem(720px)) !default; | 5 | $fixed-125: props.def(--l-container--fixed-125, iro.fn-px-to-rem(720px)) !default; |
6 | $fixed: props.def(--l-container--fixed, iro.fn-px-to-rem(610px)) !default; | 6 | $fixed: props.def(--l-container--fixed, iro.fn-px-to-rem(610px)) !default; |
@@ -12,11 +12,11 @@ $fixed-sizes: ( | |||
12 | 'fixed-75': $fixed-75 | 12 | 'fixed-75': $fixed-75 |
13 | ) !default; | 13 | ) !default; |
14 | 14 | ||
15 | $pad-i: props.def(--l-container--pad-i, props.get(vars.$size--400)) !default; | 15 | $pad-i: props.def(--l-container--pad-i, props.get(core.$size--400)) !default; |
16 | $pad-b: props.def(--l-container--pad-b, props.get(vars.$size--800)) !default; | 16 | $pad-b: props.def(--l-container--pad-b, props.get(core.$size--800)) !default; |
17 | 17 | ||
18 | $pad-i--sm: props.def(--l-container--pad-i, props.get(vars.$size--200), 'sm') !default; | 18 | $pad-i--sm: props.def(--l-container--pad-i, props.get(core.$size--200), 'sm') !default; |
19 | $pad-b--sm: props.def(--l-container--pad-b, props.get(vars.$size--600), 'sm') !default; | 19 | $pad-b--sm: props.def(--l-container--pad-b, props.get(core.$size--600), 'sm') !default; |
20 | 20 | ||
21 | $pad-i--xs: props.def(--l-container--pad-i, props.get(vars.$size--150), 'xs') !default; | 21 | $pad-i--xs: props.def(--l-container--pad-i, props.get(core.$size--150), 'xs') !default; |
22 | $pad-b--xs: props.def(--l-container--pad-b, props.get(vars.$size--450), 'xs') !default; | 22 | $pad-b--xs: props.def(--l-container--pad-b, props.get(core.$size--450), 'xs') !default; |
diff --git a/src/layouts/_form.vars.scss b/src/layouts/_form.vars.scss index 45faf29..a46a337 100644 --- a/src/layouts/_form.vars.scss +++ b/src/layouts/_form.vars.scss | |||
@@ -1,5 +1,5 @@ | |||
1 | @use '../props'; | 1 | @use '../props'; |
2 | @use '../vars'; | 2 | @use '../core'; |
3 | 3 | ||
4 | $item-spacing-b: props.def(--l-form--item-spacing-b, props.get(vars.$size--325)) !default; | 4 | $item-spacing-b: props.def(--l-form--item-spacing-b, props.get(core.$size--325)) !default; |
5 | $label-spacing-i: props.def(--l-form--label-spacing-i, props.get(vars.$size--325)) !default; | 5 | $label-spacing-i: props.def(--l-form--label-spacing-i, props.get(core.$size--325)) !default; |
diff --git a/src/layouts/_media.vars.scss b/src/layouts/_media.vars.scss index 3444611..55961b8 100644 --- a/src/layouts/_media.vars.scss +++ b/src/layouts/_media.vars.scss | |||
@@ -1,12 +1,12 @@ | |||
1 | @use '../props'; | 1 | @use '../props'; |
2 | @use '../vars'; | 2 | @use '../core'; |
3 | 3 | ||
4 | $gap: props.def(--l-media--gap, props.get(vars.$size--150)) !default; | 4 | $gap: props.def(--l-media--gap, props.get(core.$size--150)) !default; |
5 | 5 | ||
6 | $gapless: props.def(--l-media--gapless, 0) !default; | 6 | $gapless: props.def(--l-media--gapless, 0) !default; |
7 | $sm: props.def(--l-media--sm, props.get(vars.$size--100)) !default; | 7 | $sm: props.def(--l-media--sm, props.get(core.$size--100)) !default; |
8 | $lg: props.def(--l-media--lg, props.get(vars.$size--300)) !default; | 8 | $lg: props.def(--l-media--lg, props.get(core.$size--300)) !default; |
9 | $xl: props.def(--l-media--xl, props.get(vars.$size--450)) !default; | 9 | $xl: props.def(--l-media--xl, props.get(core.$size--450)) !default; |
10 | 10 | ||
11 | $sizes: ( | 11 | $sizes: ( |
12 | 'gapless': $gapless, | 12 | 'gapless': $gapless, |
diff --git a/src/layouts/_overflow.scss b/src/layouts/_overflow.scss index 2589d2c..310c7ee 100644 --- a/src/layouts/_overflow.scss +++ b/src/layouts/_overflow.scss | |||
@@ -1,11 +1,11 @@ | |||
1 | @use 'iro-sass/src/iro-sass' as iro; | 1 | @use 'iro-sass/src/iro-sass' as iro; |
2 | @use '../props'; | 2 | @use '../props'; |
3 | @use '../vars'; | 3 | @use '../core'; |
4 | 4 | ||
5 | @mixin styles { | 5 | @mixin styles { |
6 | @include iro.bem-layout('overflow') { | 6 | @include iro.bem-layout('overflow') { |
7 | overflow: auto; | 7 | overflow: auto; |
8 | scrollbar-color: props.get(vars.$theme, --text-disabled) transparent; | 8 | scrollbar-color: props.get(core.$theme, --text-disabled) transparent; |
9 | } | 9 | } |
10 | } | 10 | } |
11 | 11 | ||