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 /src/objects | |
parent | Fix props imports (diff) | |
download | iro-design-7a3ca5b13bd348da565c87088cd7fc97650fce29.tar.gz iro-design-7a3ca5b13bd348da565c87088cd7fc97650fce29.tar.bz2 iro-design-7a3ca5b13bd348da565c87088cd7fc97650fce29.zip |
Fix materialization
Diffstat (limited to 'src/objects')
-rw-r--r-- | src/objects/_action-button.scss | 3 | ||||
-rw-r--r-- | src/objects/_alert.scss | 3 | ||||
-rw-r--r-- | src/objects/_avatar.scss | 3 | ||||
-rw-r--r-- | src/objects/_backdrop.scss | 3 | ||||
-rw-r--r-- | src/objects/_badge.scss | 3 | ||||
-rw-r--r-- | src/objects/_button.scss | 3 | ||||
-rw-r--r-- | src/objects/_card.scss | 3 | ||||
-rw-r--r-- | src/objects/_checkbox.scss | 3 | ||||
-rw-r--r-- | src/objects/_divider.scss | 3 | ||||
-rw-r--r-- | src/objects/_emoji.scss | 3 | ||||
-rw-r--r-- | src/objects/_field-label.scss | 3 | ||||
-rw-r--r-- | src/objects/_heading.scss | 3 | ||||
-rw-r--r-- | src/objects/_icon.scss | 3 | ||||
-rw-r--r-- | src/objects/_lightbox.scss | 3 | ||||
-rw-r--r-- | src/objects/_menu.scss | 3 | ||||
-rw-r--r-- | src/objects/_popover.scss | 3 | ||||
-rw-r--r-- | src/objects/_radio.scss | 3 | ||||
-rw-r--r-- | src/objects/_side-nav.scss | 3 | ||||
-rw-r--r-- | src/objects/_status-indicator.scss | 3 | ||||
-rw-r--r-- | src/objects/_switch.scss | 3 | ||||
-rw-r--r-- | src/objects/_table.scss | 3 | ||||
-rw-r--r-- | src/objects/_text-field.scss | 3 |
22 files changed, 44 insertions, 22 deletions
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)); |