summaryrefslogtreecommitdiffstats
path: root/src/objects/_badge.scss
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2024-10-22 08:23:33 +0200
committerVolpeon <git@volpeon.ink>2024-10-22 08:23:33 +0200
commit5855a6821cf5585378a70f9bee13563bdbfe2d86 (patch)
tree0ee25906c9e73912137a56b7d6214c89bf43e8a6 /src/objects/_badge.scss
parentUpdate (diff)
downloadiro-design-5855a6821cf5585378a70f9bee13563bdbfe2d86.tar.gz
iro-design-5855a6821cf5585378a70f9bee13563bdbfe2d86.tar.bz2
iro-design-5855a6821cf5585378a70f9bee13563bdbfe2d86.zip
Less broad imports
Diffstat (limited to 'src/objects/_badge.scss')
-rw-r--r--src/objects/_badge.scss20
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 }