diff options
Diffstat (limited to 'src/objects/_badge.scss')
-rw-r--r-- | src/objects/_badge.scss | 20 |
1 files changed, 10 insertions, 10 deletions
diff --git a/src/objects/_badge.scss b/src/objects/_badge.scss index 1c28095..d50752a 100644 --- a/src/objects/_badge.scss +++ b/src/objects/_badge.scss | |||
@@ -2,7 +2,7 @@ | |||
2 | @use 'sass:map'; | 2 | @use 'sass:map'; |
3 | @use 'sass:meta'; | 3 | @use 'sass:meta'; |
4 | @use 'sass:string'; | 4 | @use 'sass:string'; |
5 | @use 'iro-sass/src/iro-sass' as iro; | 5 | @use 'iro-sass/src/bem' as bem; |
6 | @use 'iro-sass/src/props'; | 6 | @use 'iro-sass/src/props'; |
7 | @use '../props' as *; | 7 | @use '../props' as *; |
8 | @use '../core.vars' as core; | 8 | @use '../core.vars' as core; |
@@ -29,7 +29,7 @@ | |||
29 | } | 29 | } |
30 | } | 30 | } |
31 | 31 | ||
32 | @include iro.bem-modifier('quiet') { | 32 | @include bem.modifier('quiet') { |
33 | color: props.get($theme, list.join($key, --quiet --label)...); | 33 | color: props.get($theme, list.join($key, --quiet --label)...); |
34 | background-color: props.get($theme, list.join($key, --quiet --bg)...); | 34 | background-color: props.get($theme, list.join($key, --quiet --bg)...); |
35 | 35 | ||
@@ -65,7 +65,7 @@ | |||
65 | @mixin styles { | 65 | @mixin styles { |
66 | @include materialize-at-root(meta.module-variables('vars')); | 66 | @include materialize-at-root(meta.module-variables('vars')); |
67 | 67 | ||
68 | @include iro.bem-object('badge') { | 68 | @include bem.object('badge') { |
69 | position: relative; | 69 | position: relative; |
70 | display: inline-block; | 70 | display: inline-block; |
71 | padding-block: props.get(vars.$pad-b); | 71 | padding-block: props.get(vars.$pad-b); |
@@ -98,25 +98,25 @@ | |||
98 | } | 98 | } |
99 | } | 99 | } |
100 | 100 | ||
101 | @include iro.bem-elem('label') { | 101 | @include bem.elem('label') { |
102 | margin-inline: props.get(vars.$pad-i-label); | 102 | margin-inline: props.get(vars.$pad-i-label); |
103 | } | 103 | } |
104 | 104 | ||
105 | @include -apply-theme(vars.$default-theme, $static: true); | 105 | @include -apply-theme(vars.$default-theme, $static: true); |
106 | 106 | ||
107 | @each $theme in map.keys(props.get(vars.$themes)) { | 107 | @each $theme in map.keys(props.get(vars.$themes)) { |
108 | @include iro.bem-modifier(string.slice($theme, 3)) { | 108 | @include bem.modifier(string.slice($theme, 3)) { |
109 | @include -apply-theme(vars.$themes, $theme); | 109 | @include -apply-theme(vars.$themes, $theme); |
110 | } | 110 | } |
111 | } | 111 | } |
112 | 112 | ||
113 | @each $theme in map.keys(props.get(vars.$static-themes)) { | 113 | @each $theme in map.keys(props.get(vars.$static-themes)) { |
114 | @include iro.bem-modifier(string.slice($theme, 3)) { | 114 | @include bem.modifier(string.slice($theme, 3)) { |
115 | @include -apply-theme(vars.$static-themes, $theme, true); | 115 | @include -apply-theme(vars.$static-themes, $theme, true); |
116 | } | 116 | } |
117 | } | 117 | } |
118 | 118 | ||
119 | @include iro.bem-modifier('pill') { | 119 | @include bem.modifier('pill') { |
120 | padding-inline: props.get(vars.$pad-i-pill); | 120 | padding-inline: props.get(vars.$pad-i-pill); |
121 | border-radius: 10em; | 121 | border-radius: 10em; |
122 | 122 | ||
@@ -126,16 +126,16 @@ | |||
126 | } | 126 | } |
127 | 127 | ||
128 | @each $mod, $pad-b, $pad-i, $pad-i-pill, $pad-i-label, $font-size in vars.$sizes { | 128 | @each $mod, $pad-b, $pad-i, $pad-i-pill, $pad-i-label, $font-size in vars.$sizes { |
129 | @include iro.bem-modifier($mod) { | 129 | @include bem.modifier($mod) { |
130 | padding-block: props.get($pad-b); | 130 | padding-block: props.get($pad-b); |
131 | padding-inline: props.get($pad-i); | 131 | padding-inline: props.get($pad-i); |
132 | font-size: props.get($font-size); | 132 | font-size: props.get($font-size); |
133 | 133 | ||
134 | @include iro.bem-elem('label') { | 134 | @include bem.elem('label') { |
135 | margin-inline: props.get($pad-i-label); | 135 | margin-inline: props.get($pad-i-label); |
136 | } | 136 | } |
137 | 137 | ||
138 | @include iro.bem-modifier('pill') { | 138 | @include bem.modifier('pill') { |
139 | padding-inline: props.get($pad-i-pill); | 139 | padding-inline: props.get($pad-i-pill); |
140 | } | 140 | } |
141 | } | 141 | } |