diff options
author | Volpeon <git@volpeon.ink> | 2024-10-20 11:37:08 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2024-10-20 11:37:08 +0200 |
commit | 7a3ca5b13bd348da565c87088cd7fc97650fce29 (patch) | |
tree | e3a98008e02abcf7428d61f856c5e1a9dd962eb8 | |
parent | Fix props imports (diff) | |
download | iro-design-7a3ca5b13bd348da565c87088cd7fc97650fce29.tar.gz iro-design-7a3ca5b13bd348da565c87088cd7fc97650fce29.tar.bz2 iro-design-7a3ca5b13bd348da565c87088cd7fc97650fce29.zip |
Fix materialization
34 files changed, 67 insertions, 34 deletions
diff --git a/src/_props.scss b/src/_props.scss index 8529cd8..9a1ecec 100644 --- a/src/_props.scss +++ b/src/_props.scss | |||
@@ -5,7 +5,7 @@ | |||
5 | @use 'include-media/dist/include-media' as media; | 5 | @use 'include-media/dist/include-media' as media; |
6 | @use 'iro-sass/src/props' as props; | 6 | @use 'iro-sass/src/props' as props; |
7 | 7 | ||
8 | @mixin materialize($ref) { | 8 | @mixin materialize-at-root($ref) { |
9 | @if meta.type-of($ref) == 'map' { | 9 | @if meta.type-of($ref) == 'map' { |
10 | $ref: map.values($ref); | 10 | $ref: map.values($ref); |
11 | } | 11 | } |
diff --git a/src/layouts/_button-group.scss b/src/layouts/_button-group.scss index 3901cae..58d0986 100644 --- a/src/layouts/_button-group.scss +++ b/src/layouts/_button-group.scss | |||
@@ -1,12 +1,13 @@ | |||
1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
2 | @use 'iro-sass/src/iro-sass' as iro; | 2 | @use 'iro-sass/src/iro-sass' as iro; |
3 | @use 'iro-sass/src/props'; | 3 | @use 'iro-sass/src/props'; |
4 | @use '../props' as *; | ||
4 | 5 | ||
5 | @forward 'button-group.vars'; | 6 | @forward 'button-group.vars'; |
6 | @use 'button-group.vars' as vars; | 7 | @use 'button-group.vars' as vars; |
7 | 8 | ||
8 | @mixin styles { | 9 | @mixin styles { |
9 | @include props.materialize(meta.module-variables('vars')); | 10 | @include materialize-at-root(meta.module-variables('vars')); |
10 | 11 | ||
11 | @include iro.bem-layout('button-group') { | 12 | @include iro.bem-layout('button-group') { |
12 | display: flex; | 13 | display: flex; |
diff --git a/src/layouts/_card-list.scss b/src/layouts/_card-list.scss index b5d76a6..ecd767f 100644 --- a/src/layouts/_card-list.scss +++ b/src/layouts/_card-list.scss | |||
@@ -2,12 +2,13 @@ | |||
2 | @use 'include-media/dist/include-media' as media; | 2 | @use 'include-media/dist/include-media' as media; |
3 | @use 'iro-sass/src/iro-sass' as iro; | 3 | @use 'iro-sass/src/iro-sass' as iro; |
4 | @use 'iro-sass/src/props'; | 4 | @use 'iro-sass/src/props'; |
5 | @use '../props' as *; | ||
5 | 6 | ||
6 | @forward 'card-list.vars'; | 7 | @forward 'card-list.vars'; |
7 | @use 'card-list.vars' as vars; | 8 | @use 'card-list.vars' as vars; |
8 | 9 | ||
9 | @mixin styles { | 10 | @mixin styles { |
10 | @include props.materialize(meta.module-variables('vars')); | 11 | @include materialize-at-root(meta.module-variables('vars')); |
11 | 12 | ||
12 | @include iro.bem-layout('card-list') { | 13 | @include iro.bem-layout('card-list') { |
13 | display: flex; | 14 | display: flex; |
diff --git a/src/layouts/_container.scss b/src/layouts/_container.scss index 7c43bad..8b2ed20 100644 --- a/src/layouts/_container.scss +++ b/src/layouts/_container.scss | |||
@@ -1,12 +1,13 @@ | |||
1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
2 | @use 'iro-sass/src/iro-sass' as iro; | 2 | @use 'iro-sass/src/iro-sass' as iro; |
3 | @use 'iro-sass/src/props'; | 3 | @use 'iro-sass/src/props'; |
4 | @use '../props' as *; | ||
4 | 5 | ||
5 | @forward 'container.vars'; | 6 | @forward 'container.vars'; |
6 | @use 'container.vars' as vars; | 7 | @use 'container.vars' as vars; |
7 | 8 | ||
8 | @mixin styles { | 9 | @mixin styles { |
9 | @include props.materialize(meta.module-variables('vars')); | 10 | @include materialize-at-root(meta.module-variables('vars')); |
10 | 11 | ||
11 | @include iro.bem-layout('container') { | 12 | @include iro.bem-layout('container') { |
12 | @each $mod, $size in vars.$fixed-sizes { | 13 | @each $mod, $size in vars.$fixed-sizes { |
diff --git a/src/layouts/_form.scss b/src/layouts/_form.scss index 2626722..0bb9d4a 100644 --- a/src/layouts/_form.scss +++ b/src/layouts/_form.scss | |||
@@ -1,12 +1,13 @@ | |||
1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
2 | @use 'iro-sass/src/iro-sass' as iro; | 2 | @use 'iro-sass/src/iro-sass' as iro; |
3 | @use 'iro-sass/src/props'; | 3 | @use 'iro-sass/src/props'; |
4 | @use '../props' as *; | ||
4 | 5 | ||
5 | @forward 'form.vars'; | 6 | @forward 'form.vars'; |
6 | @use 'form.vars' as vars; | 7 | @use 'form.vars' as vars; |
7 | 8 | ||
8 | @mixin styles { | 9 | @mixin styles { |
9 | @include props.materialize(meta.module-variables('vars')); | 10 | @include materialize-at-root(meta.module-variables('vars')); |
10 | 11 | ||
11 | @include iro.bem-layout('form') { | 12 | @include iro.bem-layout('form') { |
12 | display: flex; | 13 | display: flex; |
diff --git a/src/layouts/_media.scss b/src/layouts/_media.scss index 8b8acd4..5658222 100644 --- a/src/layouts/_media.scss +++ b/src/layouts/_media.scss | |||
@@ -1,12 +1,13 @@ | |||
1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
2 | @use 'iro-sass/src/iro-sass' as iro; | 2 | @use 'iro-sass/src/iro-sass' as iro; |
3 | @use 'iro-sass/src/props'; | 3 | @use 'iro-sass/src/props'; |
4 | @use '../props' as *; | ||
4 | 5 | ||
5 | @forward 'media.vars'; | 6 | @forward 'media.vars'; |
6 | @use 'media.vars' as vars; | 7 | @use 'media.vars' as vars; |
7 | 8 | ||
8 | @mixin styles { | 9 | @mixin styles { |
9 | @include props.materialize(meta.module-variables('vars')); | 10 | @include materialize-at-root(meta.module-variables('vars')); |
10 | 11 | ||
11 | @include iro.bem-layout('media') { | 12 | @include iro.bem-layout('media') { |
12 | display: flex; | 13 | display: flex; |
diff --git a/src/objects/_action-button.scss b/src/objects/_action-button.scss index 30b3dee..046cd16 100644 --- a/src/objects/_action-button.scss +++ b/src/objects/_action-button.scss | |||
@@ -4,6 +4,7 @@ | |||
4 | @use 'sass:string'; | 4 | @use 'sass:string'; |
5 | @use 'iro-sass/src/iro-sass' as iro; | 5 | @use 'iro-sass/src/iro-sass' as iro; |
6 | @use 'iro-sass/src/props'; | 6 | @use 'iro-sass/src/props'; |
7 | @use '../props' as *; | ||
7 | 8 | ||
8 | @forward 'action-button.vars'; | 9 | @forward 'action-button.vars'; |
9 | @use 'action-button.vars' as vars; | 10 | @use 'action-button.vars' as vars; |
@@ -100,7 +101,7 @@ | |||
100 | } | 101 | } |
101 | 102 | ||
102 | @mixin styles { | 103 | @mixin styles { |
103 | @include props.materialize(meta.module-variables('vars')); | 104 | @include materialize-at-root(meta.module-variables('vars')); |
104 | 105 | ||
105 | @include iro.bem-object('action-button') { | 106 | @include iro.bem-object('action-button') { |
106 | position: relative; | 107 | position: relative; |
diff --git a/src/objects/_alert.scss b/src/objects/_alert.scss index cb23d25..e4c2038 100644 --- a/src/objects/_alert.scss +++ b/src/objects/_alert.scss | |||
@@ -2,12 +2,13 @@ | |||
2 | @use 'sass:meta'; | 2 | @use 'sass:meta'; |
3 | @use 'iro-sass/src/iro-sass' as iro; | 3 | @use 'iro-sass/src/iro-sass' as iro; |
4 | @use 'iro-sass/src/props'; | 4 | @use 'iro-sass/src/props'; |
5 | @use '../props' as *; | ||
5 | 6 | ||
6 | @forward 'alert.vars'; | 7 | @forward 'alert.vars'; |
7 | @use 'alert.vars' as vars; | 8 | @use 'alert.vars' as vars; |
8 | 9 | ||
9 | @mixin styles { | 10 | @mixin styles { |
10 | @include props.materialize(meta.module-variables('vars')); | 11 | @include materialize-at-root(meta.module-variables('vars')); |
11 | 12 | ||
12 | @include iro.bem-object('alert') { | 13 | @include iro.bem-object('alert') { |
13 | padding-block: props.get(vars.$pad-b); | 14 | padding-block: props.get(vars.$pad-b); |
diff --git a/src/objects/_avatar.scss b/src/objects/_avatar.scss index 3fcd0f1..0f8e70f 100644 --- a/src/objects/_avatar.scss +++ b/src/objects/_avatar.scss | |||
@@ -1,6 +1,7 @@ | |||
1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
2 | @use 'iro-sass/src/iro-sass' as iro; | 2 | @use 'iro-sass/src/iro-sass' as iro; |
3 | @use 'iro-sass/src/props'; | 3 | @use 'iro-sass/src/props'; |
4 | @use '../props' as *; | ||
4 | 5 | ||
5 | @forward 'avatar.vars'; | 6 | @forward 'avatar.vars'; |
6 | @use 'avatar.vars' as vars; | 7 | @use 'avatar.vars' as vars; |
@@ -21,7 +22,7 @@ | |||
21 | } | 22 | } |
22 | 23 | ||
23 | @mixin styles { | 24 | @mixin styles { |
24 | @include props.materialize(meta.module-variables('vars')); | 25 | @include materialize-at-root(meta.module-variables('vars')); |
25 | 26 | ||
26 | @include iro.bem-object('avatar') { | 27 | @include iro.bem-object('avatar') { |
27 | position: relative; | 28 | position: relative; |
diff --git a/src/objects/_backdrop.scss b/src/objects/_backdrop.scss index 5ba46f4..bf38079 100644 --- a/src/objects/_backdrop.scss +++ b/src/objects/_backdrop.scss | |||
@@ -1,12 +1,13 @@ | |||
1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
2 | @use 'iro-sass/src/iro-sass' as iro; | 2 | @use 'iro-sass/src/iro-sass' as iro; |
3 | @use 'iro-sass/src/props'; | 3 | @use 'iro-sass/src/props'; |
4 | @use '../props' as *; | ||
4 | 5 | ||
5 | @forward 'backdrop.vars'; | 6 | @forward 'backdrop.vars'; |
6 | @use 'backdrop.vars' as vars; | 7 | @use 'backdrop.vars' as vars; |
7 | 8 | ||
8 | @mixin styles { | 9 | @mixin styles { |
9 | @include props.materialize(meta.module-variables('vars')); | 10 | @include materialize-at-root(meta.module-variables('vars')); |
10 | 11 | ||
11 | @include iro.bem-object('backdrop') { | 12 | @include iro.bem-object('backdrop') { |
12 | position: fixed; | 13 | position: fixed; |
diff --git a/src/objects/_badge.scss b/src/objects/_badge.scss index 8ad5607..1c28095 100644 --- a/src/objects/_badge.scss +++ b/src/objects/_badge.scss | |||
@@ -4,6 +4,7 @@ | |||
4 | @use 'sass:string'; | 4 | @use 'sass:string'; |
5 | @use 'iro-sass/src/iro-sass' as iro; | 5 | @use 'iro-sass/src/iro-sass' as iro; |
6 | @use 'iro-sass/src/props'; | 6 | @use 'iro-sass/src/props'; |
7 | @use '../props' as *; | ||
7 | @use '../core.vars' as core; | 8 | @use '../core.vars' as core; |
8 | 9 | ||
9 | @forward 'badge.vars'; | 10 | @forward 'badge.vars'; |
@@ -62,7 +63,7 @@ | |||
62 | } | 63 | } |
63 | 64 | ||
64 | @mixin styles { | 65 | @mixin styles { |
65 | @include props.materialize(meta.module-variables('vars')); | 66 | @include materialize-at-root(meta.module-variables('vars')); |
66 | 67 | ||
67 | @include iro.bem-object('badge') { | 68 | @include iro.bem-object('badge') { |
68 | position: relative; | 69 | position: relative; |
diff --git a/src/objects/_button.scss b/src/objects/_button.scss index e21ad51..9d5a8a1 100644 --- a/src/objects/_button.scss +++ b/src/objects/_button.scss | |||
@@ -4,6 +4,7 @@ | |||
4 | @use 'sass:string'; | 4 | @use 'sass:string'; |
5 | @use 'iro-sass/src/iro-sass' as iro; | 5 | @use 'iro-sass/src/iro-sass' as iro; |
6 | @use 'iro-sass/src/props'; | 6 | @use 'iro-sass/src/props'; |
7 | @use '../props' as *; | ||
7 | @use '../core.vars' as core; | 8 | @use '../core.vars' as core; |
8 | 9 | ||
9 | @forward 'button.vars'; | 10 | @forward 'button.vars'; |
@@ -74,7 +75,7 @@ | |||
74 | } | 75 | } |
75 | 76 | ||
76 | @mixin styles { | 77 | @mixin styles { |
77 | @include props.materialize(meta.module-variables('vars')); | 78 | @include materialize-at-root(meta.module-variables('vars')); |
78 | 79 | ||
79 | @include iro.bem-object('button') { | 80 | @include iro.bem-object('button') { |
80 | position: relative; | 81 | position: relative; |
diff --git a/src/objects/_card.scss b/src/objects/_card.scss index 0f86a60..abc691b 100644 --- a/src/objects/_card.scss +++ b/src/objects/_card.scss | |||
@@ -1,13 +1,14 @@ | |||
1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
2 | @use 'iro-sass/src/iro-sass' as iro; | 2 | @use 'iro-sass/src/iro-sass' as iro; |
3 | @use 'iro-sass/src/props'; | 3 | @use 'iro-sass/src/props'; |
4 | @use '../props' as *; | ||
4 | @use 'avatar.vars' as avatar; | 5 | @use 'avatar.vars' as avatar; |
5 | 6 | ||
6 | @forward 'card.vars'; | 7 | @forward 'card.vars'; |
7 | @use 'card.vars' as vars; | 8 | @use 'card.vars' as vars; |
8 | 9 | ||
9 | @mixin styles { | 10 | @mixin styles { |
10 | @include props.materialize(meta.module-variables('vars')); | 11 | @include materialize-at-root(meta.module-variables('vars')); |
11 | 12 | ||
12 | @include iro.bem-object('card') { | 13 | @include iro.bem-object('card') { |
13 | display: block; | 14 | display: block; |
diff --git a/src/objects/_checkbox.scss b/src/objects/_checkbox.scss index 78a9b1f..f0c6b85 100644 --- a/src/objects/_checkbox.scss +++ b/src/objects/_checkbox.scss | |||
@@ -1,13 +1,14 @@ | |||
1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
2 | @use 'iro-sass/src/iro-sass' as iro; | 2 | @use 'iro-sass/src/iro-sass' as iro; |
3 | @use 'iro-sass/src/props'; | 3 | @use 'iro-sass/src/props'; |
4 | @use '../props' as *; | ||
4 | @use '../core.vars' as core; | 5 | @use '../core.vars' as core; |
5 | 6 | ||
6 | @forward 'checkbox.vars'; | 7 | @forward 'checkbox.vars'; |
7 | @use 'checkbox.vars' as vars; | 8 | @use 'checkbox.vars' as vars; |
8 | 9 | ||
9 | @mixin styles { | 10 | @mixin styles { |
10 | @include props.materialize(meta.module-variables('vars')); | 11 | @include materialize-at-root(meta.module-variables('vars')); |
11 | 12 | ||
12 | @include iro.bem-object('checkbox') { | 13 | @include iro.bem-object('checkbox') { |
13 | position: relative; | 14 | position: relative; |
diff --git a/src/objects/_divider.scss b/src/objects/_divider.scss index bcc4c90..49bc028 100644 --- a/src/objects/_divider.scss +++ b/src/objects/_divider.scss | |||
@@ -3,13 +3,14 @@ | |||
3 | @use 'sass:string'; | 3 | @use 'sass:string'; |
4 | @use 'iro-sass/src/iro-sass' as iro; | 4 | @use 'iro-sass/src/iro-sass' as iro; |
5 | @use 'iro-sass/src/props'; | 5 | @use 'iro-sass/src/props'; |
6 | @use '../props' as *; | ||
6 | @use '../core.vars' as core; | 7 | @use '../core.vars' as core; |
7 | 8 | ||
8 | @forward 'divider.vars'; | 9 | @forward 'divider.vars'; |
9 | @use 'divider.vars' as vars; | 10 | @use 'divider.vars' as vars; |
10 | 11 | ||
11 | @mixin styles { | 12 | @mixin styles { |
12 | @include props.materialize(meta.module-variables('vars')); | 13 | @include materialize-at-root(meta.module-variables('vars')); |
13 | 14 | ||
14 | @include iro.bem-object('divider') { | 15 | @include iro.bem-object('divider') { |
15 | display: flex; | 16 | display: flex; |
diff --git a/src/objects/_emoji.scss b/src/objects/_emoji.scss index ab03578..114c867 100644 --- a/src/objects/_emoji.scss +++ b/src/objects/_emoji.scss | |||
@@ -1,13 +1,14 @@ | |||
1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
2 | @use 'iro-sass/src/iro-sass' as iro; | 2 | @use 'iro-sass/src/iro-sass' as iro; |
3 | @use 'iro-sass/src/props'; | 3 | @use 'iro-sass/src/props'; |
4 | @use '../props' as *; | ||
4 | @use 'icon.vars' as icon; | 5 | @use 'icon.vars' as icon; |
5 | 6 | ||
6 | @forward 'emoji.vars'; | 7 | @forward 'emoji.vars'; |
7 | @use 'emoji.vars' as vars; | 8 | @use 'emoji.vars' as vars; |
8 | 9 | ||
9 | @mixin styles { | 10 | @mixin styles { |
10 | @include props.materialize(meta.module-variables('vars')); | 11 | @include materialize-at-root(meta.module-variables('vars')); |
11 | 12 | ||
12 | @include iro.bem-object('emoji') { | 13 | @include iro.bem-object('emoji') { |
13 | position: relative; | 14 | position: relative; |
diff --git a/src/objects/_field-label.scss b/src/objects/_field-label.scss index 58d8b13..8c275ee 100644 --- a/src/objects/_field-label.scss +++ b/src/objects/_field-label.scss | |||
@@ -1,12 +1,13 @@ | |||
1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
2 | @use 'iro-sass/src/iro-sass' as iro; | 2 | @use 'iro-sass/src/iro-sass' as iro; |
3 | @use 'iro-sass/src/props'; | 3 | @use 'iro-sass/src/props'; |
4 | @use '../props' as *; | ||
4 | 5 | ||
5 | @forward 'field-label.vars'; | 6 | @forward 'field-label.vars'; |
6 | @use 'field-label.vars' as vars; | 7 | @use 'field-label.vars' as vars; |
7 | 8 | ||
8 | @mixin styles { | 9 | @mixin styles { |
9 | @include props.materialize(meta.module-variables('vars')); | 10 | @include materialize-at-root(meta.module-variables('vars')); |
10 | 11 | ||
11 | @include iro.bem-object('field-label') { | 12 | @include iro.bem-object('field-label') { |
12 | display: block; | 13 | display: block; |
diff --git a/src/objects/_heading.scss b/src/objects/_heading.scss index 6ed0879..7efb23b 100644 --- a/src/objects/_heading.scss +++ b/src/objects/_heading.scss | |||
@@ -1,12 +1,13 @@ | |||
1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
2 | @use 'iro-sass/src/iro-sass' as iro; | 2 | @use 'iro-sass/src/iro-sass' as iro; |
3 | @use 'iro-sass/src/props'; | 3 | @use 'iro-sass/src/props'; |
4 | @use '../props' as *; | ||
4 | 5 | ||
5 | @forward 'heading.vars'; | 6 | @forward 'heading.vars'; |
6 | @use 'heading.vars' as vars; | 7 | @use 'heading.vars' as vars; |
7 | 8 | ||
8 | @mixin styles { | 9 | @mixin styles { |
9 | @include props.materialize(meta.module-variables('vars')); | 10 | @include materialize-at-root(meta.module-variables('vars')); |
10 | 11 | ||
11 | @include iro.bem-object('heading') { | 12 | @include iro.bem-object('heading') { |
12 | display: block; | 13 | display: block; |
diff --git a/src/objects/_icon.scss b/src/objects/_icon.scss index 4a14d44..f80915e 100644 --- a/src/objects/_icon.scss +++ b/src/objects/_icon.scss | |||
@@ -1,12 +1,13 @@ | |||
1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
2 | @use 'iro-sass/src/iro-sass' as iro; | 2 | @use 'iro-sass/src/iro-sass' as iro; |
3 | @use 'iro-sass/src/props'; | 3 | @use 'iro-sass/src/props'; |
4 | @use '../props' as *; | ||
4 | 5 | ||
5 | @forward 'icon.vars'; | 6 | @forward 'icon.vars'; |
6 | @use 'icon.vars' as vars; | 7 | @use 'icon.vars' as vars; |
7 | 8 | ||
8 | @mixin styles { | 9 | @mixin styles { |
9 | @include props.materialize(meta.module-variables('vars')); | 10 | @include materialize-at-root(meta.module-variables('vars')); |
10 | 11 | ||
11 | @include iro.bem-object('icon') { | 12 | @include iro.bem-object('icon') { |
12 | display: inline; | 13 | display: inline; |
diff --git a/src/objects/_lightbox.scss b/src/objects/_lightbox.scss index 5bf3504..0ced4c6 100644 --- a/src/objects/_lightbox.scss +++ b/src/objects/_lightbox.scss | |||
@@ -3,12 +3,13 @@ | |||
3 | @use 'sass:string'; | 3 | @use 'sass:string'; |
4 | @use 'iro-sass/src/iro-sass' as iro; | 4 | @use 'iro-sass/src/iro-sass' as iro; |
5 | @use 'iro-sass/src/props'; | 5 | @use 'iro-sass/src/props'; |
6 | @use '../props' as *; | ||
6 | 7 | ||
7 | @forward 'lightbox.vars'; | 8 | @forward 'lightbox.vars'; |
8 | @use 'lightbox.vars' as vars; | 9 | @use 'lightbox.vars' as vars; |
9 | 10 | ||
10 | @mixin styles { | 11 | @mixin styles { |
11 | @include props.materialize(meta.module-variables('vars')); | 12 | @include materialize-at-root(meta.module-variables('vars')); |
12 | 13 | ||
13 | @include iro.bem-object('lightbox') { | 14 | @include iro.bem-object('lightbox') { |
14 | box-sizing: border-box; | 15 | box-sizing: border-box; |
diff --git a/src/objects/_menu.scss b/src/objects/_menu.scss index 0d651e3..0741929 100644 --- a/src/objects/_menu.scss +++ b/src/objects/_menu.scss | |||
@@ -1,13 +1,14 @@ | |||
1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
2 | @use 'iro-sass/src/iro-sass' as iro; | 2 | @use 'iro-sass/src/iro-sass' as iro; |
3 | @use 'iro-sass/src/props'; | 3 | @use 'iro-sass/src/props'; |
4 | @use '../props' as *; | ||
4 | @use 'icon.vars' as icon; | 5 | @use 'icon.vars' as icon; |
5 | 6 | ||
6 | @forward 'menu.vars'; | 7 | @forward 'menu.vars'; |
7 | @use 'menu.vars' as vars; | 8 | @use 'menu.vars' as vars; |
8 | 9 | ||
9 | @mixin styles { | 10 | @mixin styles { |
10 | @include props.materialize(meta.module-variables('vars')); | 11 | @include materialize-at-root(meta.module-variables('vars')); |
11 | 12 | ||
12 | @include iro.bem-object('menu') { | 13 | @include iro.bem-object('menu') { |
13 | display: flex; | 14 | display: flex; |
diff --git a/src/objects/_popover.scss b/src/objects/_popover.scss index bb58b69..406c143 100644 --- a/src/objects/_popover.scss +++ b/src/objects/_popover.scss | |||
@@ -1,12 +1,13 @@ | |||
1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
2 | @use 'iro-sass/src/iro-sass' as iro; | 2 | @use 'iro-sass/src/iro-sass' as iro; |
3 | @use 'iro-sass/src/props'; | 3 | @use 'iro-sass/src/props'; |
4 | @use '../props' as *; | ||
4 | 5 | ||
5 | @forward 'popover.vars'; | 6 | @forward 'popover.vars'; |
6 | @use 'popover.vars' as vars; | 7 | @use 'popover.vars' as vars; |
7 | 8 | ||
8 | @mixin styles { | 9 | @mixin styles { |
9 | @include props.materialize(meta.module-variables('vars')); | 10 | @include materialize-at-root(meta.module-variables('vars')); |
10 | 11 | ||
11 | @include iro.bem-object('popover') { | 12 | @include iro.bem-object('popover') { |
12 | position: absolute; | 13 | position: absolute; |
diff --git a/src/objects/_radio.scss b/src/objects/_radio.scss index bb04cae..c6e5a60 100644 --- a/src/objects/_radio.scss +++ b/src/objects/_radio.scss | |||
@@ -1,13 +1,14 @@ | |||
1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
2 | @use 'iro-sass/src/iro-sass' as iro; | 2 | @use 'iro-sass/src/iro-sass' as iro; |
3 | @use 'iro-sass/src/props'; | 3 | @use 'iro-sass/src/props'; |
4 | @use '../props' as *; | ||
4 | @use '../core.vars' as core; | 5 | @use '../core.vars' as core; |
5 | 6 | ||
6 | @forward 'radio.vars'; | 7 | @forward 'radio.vars'; |
7 | @use 'radio.vars' as vars; | 8 | @use 'radio.vars' as vars; |
8 | 9 | ||
9 | @mixin styles { | 10 | @mixin styles { |
10 | @include props.materialize(meta.module-variables('vars')); | 11 | @include materialize-at-root(meta.module-variables('vars')); |
11 | 12 | ||
12 | @include iro.bem-object('radio') { | 13 | @include iro.bem-object('radio') { |
13 | position: relative; | 14 | position: relative; |
diff --git a/src/objects/_side-nav.scss b/src/objects/_side-nav.scss index c3baf12..c1e984f 100644 --- a/src/objects/_side-nav.scss +++ b/src/objects/_side-nav.scss | |||
@@ -1,13 +1,14 @@ | |||
1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
2 | @use 'iro-sass/src/iro-sass' as iro; | 2 | @use 'iro-sass/src/iro-sass' as iro; |
3 | @use 'iro-sass/src/props'; | 3 | @use 'iro-sass/src/props'; |
4 | @use '../props' as *; | ||
4 | @use 'icon.vars' as icon; | 5 | @use 'icon.vars' as icon; |
5 | 6 | ||
6 | @forward 'side-nav.vars'; | 7 | @forward 'side-nav.vars'; |
7 | @use 'side-nav.vars' as vars; | 8 | @use 'side-nav.vars' as vars; |
8 | 9 | ||
9 | @mixin styles { | 10 | @mixin styles { |
10 | @include props.materialize(meta.module-variables('vars')); | 11 | @include materialize-at-root(meta.module-variables('vars')); |
11 | 12 | ||
12 | @include iro.bem-object('side-nav') { | 13 | @include iro.bem-object('side-nav') { |
13 | display: flex; | 14 | display: flex; |
diff --git a/src/objects/_status-indicator.scss b/src/objects/_status-indicator.scss index 14e3571..bf113a4 100644 --- a/src/objects/_status-indicator.scss +++ b/src/objects/_status-indicator.scss | |||
@@ -3,12 +3,13 @@ | |||
3 | @use 'sass:string'; | 3 | @use 'sass:string'; |
4 | @use 'iro-sass/src/iro-sass' as iro; | 4 | @use 'iro-sass/src/iro-sass' as iro; |
5 | @use 'iro-sass/src/props'; | 5 | @use 'iro-sass/src/props'; |
6 | @use '../props' as *; | ||
6 | 7 | ||
7 | @forward 'status-indicator.vars'; | 8 | @forward 'status-indicator.vars'; |
8 | @use 'status-indicator.vars' as vars; | 9 | @use 'status-indicator.vars' as vars; |
9 | 10 | ||
10 | @mixin styles { | 11 | @mixin styles { |
11 | @include props.materialize(meta.module-variables('vars')); | 12 | @include materialize-at-root(meta.module-variables('vars')); |
12 | 13 | ||
13 | @include iro.bem-object('status-indicator') { | 14 | @include iro.bem-object('status-indicator') { |
14 | display: inline-block; | 15 | display: inline-block; |
diff --git a/src/objects/_switch.scss b/src/objects/_switch.scss index 4aaba98..f368229 100644 --- a/src/objects/_switch.scss +++ b/src/objects/_switch.scss | |||
@@ -1,13 +1,14 @@ | |||
1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
2 | @use 'iro-sass/src/iro-sass' as iro; | 2 | @use 'iro-sass/src/iro-sass' as iro; |
3 | @use 'iro-sass/src/props'; | 3 | @use 'iro-sass/src/props'; |
4 | @use '../props' as *; | ||
4 | @use '../core.vars' as core; | 5 | @use '../core.vars' as core; |
5 | 6 | ||
6 | @forward 'switch.vars'; | 7 | @forward 'switch.vars'; |
7 | @use 'switch.vars' as vars; | 8 | @use 'switch.vars' as vars; |
8 | 9 | ||
9 | @mixin styles { | 10 | @mixin styles { |
10 | @include props.materialize(meta.module-variables('vars')); | 11 | @include materialize-at-root(meta.module-variables('vars')); |
11 | 12 | ||
12 | @include iro.bem-object('switch') { | 13 | @include iro.bem-object('switch') { |
13 | position: relative; | 14 | position: relative; |
diff --git a/src/objects/_table.scss b/src/objects/_table.scss index e3965ff..491db20 100644 --- a/src/objects/_table.scss +++ b/src/objects/_table.scss | |||
@@ -1,12 +1,13 @@ | |||
1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
2 | @use 'iro-sass/src/iro-sass' as iro; | 2 | @use 'iro-sass/src/iro-sass' as iro; |
3 | @use 'iro-sass/src/props'; | 3 | @use 'iro-sass/src/props'; |
4 | @use '../props' as *; | ||
4 | 5 | ||
5 | @forward 'table.vars'; | 6 | @forward 'table.vars'; |
6 | @use 'table.vars' as vars; | 7 | @use 'table.vars' as vars; |
7 | 8 | ||
8 | @mixin styles { | 9 | @mixin styles { |
9 | @include props.materialize(meta.module-variables('vars')); | 10 | @include materialize-at-root(meta.module-variables('vars')); |
10 | 11 | ||
11 | @include iro.bem-object('table') { | 12 | @include iro.bem-object('table') { |
12 | border-spacing: 0; | 13 | border-spacing: 0; |
diff --git a/src/objects/_text-field.scss b/src/objects/_text-field.scss index 07997c3..b945866 100644 --- a/src/objects/_text-field.scss +++ b/src/objects/_text-field.scss | |||
@@ -1,6 +1,7 @@ | |||
1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
2 | @use 'iro-sass/src/iro-sass' as iro; | 2 | @use 'iro-sass/src/iro-sass' as iro; |
3 | @use 'iro-sass/src/props'; | 3 | @use 'iro-sass/src/props'; |
4 | @use '../props' as *; | ||
4 | 5 | ||
5 | @forward 'text-field.vars'; | 6 | @forward 'text-field.vars'; |
6 | @use 'text-field.vars' as vars; | 7 | @use 'text-field.vars' as vars; |
@@ -37,7 +38,7 @@ | |||
37 | } | 38 | } |
38 | 39 | ||
39 | @mixin styles { | 40 | @mixin styles { |
40 | @include props.materialize(meta.module-variables('vars')); | 41 | @include materialize-at-root(meta.module-variables('vars')); |
41 | 42 | ||
42 | @include iro.bem-object('text-field') { | 43 | @include iro.bem-object('text-field') { |
43 | $focus-border-offset: calc(props.get(vars.$border-width) - props.get(vars.$focus--border-width)); | 44 | $focus-border-offset: calc(props.get(vars.$border-width) - props.get(vars.$focus--border-width)); |
diff --git a/src/scopes/_blockquotes.scss b/src/scopes/_blockquotes.scss index d29ab84..7406c89 100644 --- a/src/scopes/_blockquotes.scss +++ b/src/scopes/_blockquotes.scss | |||
@@ -1,12 +1,13 @@ | |||
1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
2 | @use 'iro-sass/src/iro-sass' as iro; | 2 | @use 'iro-sass/src/iro-sass' as iro; |
3 | @use 'iro-sass/src/props'; | 3 | @use 'iro-sass/src/props'; |
4 | @use '../props' as *; | ||
4 | 5 | ||
5 | @forward 'blockquotes.vars'; | 6 | @forward 'blockquotes.vars'; |
6 | @use 'blockquotes.vars' as vars; | 7 | @use 'blockquotes.vars' as vars; |
7 | 8 | ||
8 | @mixin styles { | 9 | @mixin styles { |
9 | @include props.materialize(meta.module-variables('vars')); | 10 | @include materialize-at-root(meta.module-variables('vars')); |
10 | 11 | ||
11 | @include iro.bem-scope('blockquotes') { | 12 | @include iro.bem-scope('blockquotes') { |
12 | blockquote { | 13 | blockquote { |
diff --git a/src/scopes/_code.scss b/src/scopes/_code.scss index 989f8a2..5035879 100644 --- a/src/scopes/_code.scss +++ b/src/scopes/_code.scss | |||
@@ -1,12 +1,13 @@ | |||
1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
2 | @use 'iro-sass/src/iro-sass' as iro; | 2 | @use 'iro-sass/src/iro-sass' as iro; |
3 | @use 'iro-sass/src/props'; | 3 | @use 'iro-sass/src/props'; |
4 | @use '../props' as *; | ||
4 | 5 | ||
5 | @forward 'code.vars'; | 6 | @forward 'code.vars'; |
6 | @use 'code.vars' as vars; | 7 | @use 'code.vars' as vars; |
7 | 8 | ||
8 | @mixin styles { | 9 | @mixin styles { |
9 | @include props.materialize(meta.module-variables('vars')); | 10 | @include materialize-at-root(meta.module-variables('vars')); |
10 | 11 | ||
11 | @include iro.bem-scope('code') { | 12 | @include iro.bem-scope('code') { |
12 | code { | 13 | code { |
diff --git a/src/scopes/_implicit.scss b/src/scopes/_implicit.scss index 7f8185d..57c8099 100644 --- a/src/scopes/_implicit.scss +++ b/src/scopes/_implicit.scss | |||
@@ -2,13 +2,14 @@ | |||
2 | @use 'sass:meta'; | 2 | @use 'sass:meta'; |
3 | @use 'iro-sass/src/iro-sass' as iro; | 3 | @use 'iro-sass/src/iro-sass' as iro; |
4 | @use 'iro-sass/src/props'; | 4 | @use 'iro-sass/src/props'; |
5 | @use '../props' as *; | ||
5 | @use '../core.vars' as core; | 6 | @use '../core.vars' as core; |
6 | 7 | ||
7 | @forward 'implicit.vars'; | 8 | @forward 'implicit.vars'; |
8 | @use 'implicit.vars' as vars; | 9 | @use 'implicit.vars' as vars; |
9 | 10 | ||
10 | @mixin styles { | 11 | @mixin styles { |
11 | @include props.materialize(meta.module-variables('vars')); | 12 | @include materialize-at-root(meta.module-variables('vars')); |
12 | 13 | ||
13 | html { | 14 | html { |
14 | accent-color: props.get(core.$theme, --accent, --600); | 15 | accent-color: props.get(core.$theme, --accent, --600); |
diff --git a/src/scopes/_links.scss b/src/scopes/_links.scss index 835bb7a..41472c7 100644 --- a/src/scopes/_links.scss +++ b/src/scopes/_links.scss | |||
@@ -3,12 +3,13 @@ | |||
3 | @use 'sass:string'; | 3 | @use 'sass:string'; |
4 | @use 'iro-sass/src/iro-sass' as iro; | 4 | @use 'iro-sass/src/iro-sass' as iro; |
5 | @use 'iro-sass/src/props'; | 5 | @use 'iro-sass/src/props'; |
6 | @use '../props' as *; | ||
6 | 7 | ||
7 | @forward 'links.vars'; | 8 | @forward 'links.vars'; |
8 | @use 'links.vars' as vars; | 9 | @use 'links.vars' as vars; |
9 | 10 | ||
10 | @mixin styles { | 11 | @mixin styles { |
11 | @include props.materialize(meta.module-variables('vars')); | 12 | @include materialize-at-root(meta.module-variables('vars')); |
12 | 13 | ||
13 | @include iro.bem-scope('links') { | 14 | @include iro.bem-scope('links') { |
14 | :link, | 15 | :link, |
diff --git a/src/scopes/_lists.scss b/src/scopes/_lists.scss index 52e5bd9..7f18df0 100644 --- a/src/scopes/_lists.scss +++ b/src/scopes/_lists.scss | |||
@@ -1,13 +1,14 @@ | |||
1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
2 | @use 'iro-sass/src/iro-sass' as iro; | 2 | @use 'iro-sass/src/iro-sass' as iro; |
3 | @use 'iro-sass/src/props'; | 3 | @use 'iro-sass/src/props'; |
4 | @use '../props' as *; | ||
4 | @use '../core.vars' as core; | 5 | @use '../core.vars' as core; |
5 | 6 | ||
6 | @forward 'lists.vars'; | 7 | @forward 'lists.vars'; |
7 | @use 'lists.vars' as vars; | 8 | @use 'lists.vars' as vars; |
8 | 9 | ||
9 | @mixin styles { | 10 | @mixin styles { |
10 | @include props.materialize(meta.module-variables('vars')); | 11 | @include materialize-at-root(meta.module-variables('vars')); |
11 | 12 | ||
12 | @include iro.bem-scope('lists') { | 13 | @include iro.bem-scope('lists') { |
13 | ul, | 14 | ul, |
diff --git a/src/scopes/_tables.scss b/src/scopes/_tables.scss index 54e3a12..08df871 100644 --- a/src/scopes/_tables.scss +++ b/src/scopes/_tables.scss | |||
@@ -1,13 +1,14 @@ | |||
1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
2 | @use 'iro-sass/src/iro-sass' as iro; | 2 | @use 'iro-sass/src/iro-sass' as iro; |
3 | @use 'iro-sass/src/props'; | 3 | @use 'iro-sass/src/props'; |
4 | @use '../props' as *; | ||
4 | @use '../objects/table.vars' as table; | 5 | @use '../objects/table.vars' as table; |
5 | 6 | ||
6 | @forward 'tables.vars'; | 7 | @forward 'tables.vars'; |
7 | @use 'tables.vars' as vars; | 8 | @use 'tables.vars' as vars; |
8 | 9 | ||
9 | @mixin styles { | 10 | @mixin styles { |
10 | @include props.materialize(meta.module-variables('vars')); | 11 | @include materialize-at-root(meta.module-variables('vars')); |
11 | 12 | ||
12 | @include iro.bem-scope('tables') { | 13 | @include iro.bem-scope('tables') { |
13 | table { | 14 | table { |