Update

author: Volpeon <git@volpeon.ink> 2024-10-18 19:07:42 +0200
committer: Volpeon <git@volpeon.ink> 2024-10-18 19:07:42 +0200
commit: e3d34a6d6ce2db04c3c898ad6a4687a0c59df996 (patch)
tree: 58b338d738076579030624b563df2365af19782e /src/layouts
parent: Refactoring (diff)
download: iro-design-e3d34a6d6ce2db04c3c898ad6a4687a0c59df996.tar.gz
iro-design-e3d34a6d6ce2db04c3c898ad6a4687a0c59df996.tar.bz2
iro-design-e3d34a6d6ce2db04c3c898ad6a4687a0c59df996.zip
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 @@
 @use '../props';
-@use '../vars';
+@use '../core';
-$spacing: props.def(--l-button-group--spacing, props.get(vars.$size--150)) !default;
+$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 @@
 @use '../props';
-@use '../vars';
+@use '../core';
-$row-gap: props.def(--l-card-list--row-gap, props.get(vars.$size--800)) !default;
+$row-gap: props.def(--l-card-list--row-gap, props.get(core.$size--800)) !default;
-$col-gap: props.def(--l-card-list--col-gap, props.get(vars.$size--400)) !default;
+$col-gap: props.def(--l-card-list--col-gap, props.get(core.$size--400)) !default;
-$grid--row-gap:   props.def(--l-card-list--grid--row-gap, props.get(vars.$size--800)) !default;
+$grid--row-gap:   props.def(--l-card-list--grid--row-gap, props.get(core.$size--800)) !default;
-$grid--col-gap:   props.def(--l-card-list--grid--col-gap, props.get(vars.$size--400)) !default;
+$grid--col-gap:   props.def(--l-card-list--grid--col-gap, props.get(core.$size--400)) !default;
-$grid--col-width: props.def(--l-card-list--grid--col-width, props.get(vars.$size--3200)) !default;
+$grid--col-width: props.def(--l-card-list--grid--col-width, props.get(core.$size--3200)) !default;
-$masonry--row-gap:   props.def(--l-card-list--masonry--row-gap, props.get(vars.$size--800)) !default;
+$masonry--row-gap:   props.def(--l-card-list--masonry--row-gap, props.get(core.$size--800)) !default;
-$masonry--col-gap:   props.def(--l-card-list--masonry--col-gap, props.get(vars.$size--400)) !default;
+$masonry--col-gap:   props.def(--l-card-list--masonry--col-gap, props.get(core.$size--400)) !default;
-$masonry--col-width: props.def(--l-card-list--masonry--col-width, props.get(vars.$size--3200)) !default;
+$masonry--col-width: props.def(--l-card-list--masonry--col-width, props.get(core.$size--3200)) !default;
-$masonry-h--row-gap:    props.def(--l-card-list--masonry-h--row-gap, props.get(vars.$size--800)) !default;
+$masonry-h--row-gap:    props.def(--l-card-list--masonry-h--row-gap, props.get(core.$size--800)) !default;
-$masonry-h--col-gap:    props.def(--l-card-list--masonry-h--col-gap, props.get(vars.$size--400)) !default;
+$masonry-h--col-gap:    props.def(--l-card-list--masonry-h--col-gap, props.get(core.$size--400)) !default;
-$masonry-h--row-height: props.def(--l-card-list--masonry-h--row-height, props.get(vars.$size--3200)) !default;
+$masonry-h--row-height: props.def(--l-card-list--masonry-h--row-height, props.get(core.$size--3200)) !default;
-$border-color: props.def(--l-card-list--border-color, props.get(vars.$theme, --border)) !default;
+$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 @@
 @use 'iro-sass/src/iro-sass' as iro;
 @use '../props';
-@use '../vars';
+@use '../core';
 $fixed-125: props.def(--l-container--fixed-125, iro.fn-px-to-rem(720px)) !default;
 $fixed:     props.def(--l-container--fixed, iro.fn-px-to-rem(610px)) !default;
@@ -12,11 +12,11 @@ $fixed-sizes: (
    'fixed-75':  $fixed-75
 ) !default;
-$pad-i: props.def(--l-container--pad-i, props.get(vars.$size--400)) !default;
+$pad-i: props.def(--l-container--pad-i, props.get(core.$size--400)) !default;
-$pad-b: props.def(--l-container--pad-b, props.get(vars.$size--800)) !default;
+$pad-b: props.def(--l-container--pad-b, props.get(core.$size--800)) !default;
-$pad-i--sm: props.def(--l-container--pad-i, props.get(vars.$size--200), 'sm') !default;
+$pad-i--sm: props.def(--l-container--pad-i, props.get(core.$size--200), 'sm') !default;
-$pad-b--sm: props.def(--l-container--pad-b, props.get(vars.$size--600), 'sm') !default;
+$pad-b--sm: props.def(--l-container--pad-b, props.get(core.$size--600), 'sm') !default;
-$pad-i--xs: props.def(--l-container--pad-i, props.get(vars.$size--150), 'xs') !default;
+$pad-i--xs: props.def(--l-container--pad-i, props.get(core.$size--150), 'xs') !default;
-$pad-b--xs: props.def(--l-container--pad-b, props.get(vars.$size--450), 'xs') !default;
+$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 @@
 @use '../props';
-@use '../vars';
+@use '../core';
-$item-spacing-b:  props.def(--l-form--item-spacing-b, props.get(vars.$size--325)) !default;
+$item-spacing-b:  props.def(--l-form--item-spacing-b, props.get(core.$size--325)) !default;
-$label-spacing-i: props.def(--l-form--label-spacing-i, props.get(vars.$size--325)) !default;
+$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 @@
 @use '../props';
-@use '../vars';
+@use '../core';
-$gap:  props.def(--l-media--gap, props.get(vars.$size--150)) !default;
+$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(vars.$size--100)) !default;
+$sm:      props.def(--l-media--sm, props.get(core.$size--100)) !default;
-$lg:      props.def(--l-media--lg, props.get(vars.$size--300)) !default;
+$lg:      props.def(--l-media--lg, props.get(core.$size--300)) !default;
-$xl:      props.def(--l-media--xl, props.get(vars.$size--450)) !default;
+$xl:      props.def(--l-media--xl, props.get(core.$size--450)) !default;
 $sizes: (
    '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 @@
 @use 'iro-sass/src/iro-sass' as iro;
 @use '../props';
-@use '../vars';
+@use '../core';
 @mixin styles {
    @include iro.bem-layout('overflow') {
        overflow:        auto;
-        scrollbar-color: props.get(vars.$theme, --text-disabled) transparent;
+        scrollbar-color: props.get(core.$theme, --text-disabled) transparent;
    }
 }
author	Volpeon <git@volpeon.ink>	2024-10-18 19:07:42 +0200
committer	Volpeon <git@volpeon.ink>	2024-10-18 19:07:42 +0200
commit	e3d34a6d6ce2db04c3c898ad6a4687a0c59df996 (patch)
tree	58b338d738076579030624b563df2365af19782e /src/layouts
parent	Refactoring (diff)
download	iro-design-e3d34a6d6ce2db04c3c898ad6a4687a0c59df996.tar.gz iro-design-e3d34a6d6ce2db04c3c898ad6a4687a0c59df996.tar.bz2 iro-design-e3d34a6d6ce2db04c3c898ad6a4687a0c59df996.zip

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