summaryrefslogtreecommitdiffstats
path: root/src/layouts
diff options
context:
space:
mode:
Diffstat (limited to 'src/layouts')
-rw-r--r--src/layouts/_button-group.vars.scss4
-rw-r--r--src/layouts/_card-list.vars.scss26
-rw-r--r--src/layouts/_container.vars.scss14
-rw-r--r--src/layouts/_form.vars.scss6
-rw-r--r--src/layouts/_media.vars.scss10
-rw-r--r--src/layouts/_overflow.scss4
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