diff options
| author | Volpeon <git@volpeon.ink> | 2024-10-22 08:23:33 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2024-10-22 08:23:33 +0200 |
| commit | 5855a6821cf5585378a70f9bee13563bdbfe2d86 (patch) | |
| tree | 0ee25906c9e73912137a56b7d6214c89bf43e8a6 /src/objects/_badge.scss | |
| parent | Update (diff) | |
| download | iro-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.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 | } |
