diff options
| author | Volpeon <git@volpeon.ink> | 2024-10-23 22:32:54 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2024-10-23 22:32:54 +0200 |
| commit | f70a923342c92b56539e66a9d319f3b96d6d843d (patch) | |
| tree | 5b60fb7c2cdfd982434e03c5457555565b71cfde | |
| parent | Use CSS layers (diff) | |
| download | iro-design-f70a923342c92b56539e66a9d319f3b96d6d843d.tar.gz iro-design-f70a923342c92b56539e66a9d319f3b96d6d843d.tar.bz2 iro-design-f70a923342c92b56539e66a9d319f3b96d6d843d.zip | |
Update
| -rw-r--r-- | src/_utils.scss | 16 |
1 files changed, 16 insertions, 0 deletions
diff --git a/src/_utils.scss b/src/_utils.scss index 1d4bbd3..cdb2a32 100644 --- a/src/_utils.scss +++ b/src/_utils.scss | |||
| @@ -247,6 +247,22 @@ $-sizes: ( | |||
| 247 | } | 247 | } |
| 248 | } | 248 | } |
| 249 | } | 249 | } |
| 250 | |||
| 251 | @include bem.utility('b#{$dir}-1-mute') { | ||
| 252 | border#{$suffix}: props.get(vars.$border-width--thin) solid props.get(vars.$theme, --border-mute); | ||
| 253 | |||
| 254 | @include bem.suffix('light') { | ||
| 255 | @media (prefers-color-scheme: light) { | ||
| 256 | border#{$suffix}: props.get(vars.$border-width--thin) solid props.get(vars.$theme, --border-mute); | ||
| 257 | } | ||
| 258 | } | ||
| 259 | |||
| 260 | @include bem.suffix('dark') { | ||
| 261 | @media (prefers-color-scheme: dark) { | ||
| 262 | border#{$suffix}: props.get(vars.$border-width--thin) solid props.get(vars.$theme, --border-mute); | ||
| 263 | } | ||
| 264 | } | ||
| 265 | } | ||
| 250 | } | 266 | } |
| 251 | 267 | ||
| 252 | @include bem.utility('mbs-neutralize') { | 268 | @include bem.utility('mbs-neutralize') { |