diff options
| author | Volpeon <git@volpeon.ink> | 2024-10-13 11:16:21 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2024-10-13 11:16:21 +0200 |
| commit | f05cdf2435bf548c710e58a09c1d0ea1ffaf73d2 (patch) | |
| tree | be13b909e3ce64b384a9f0d1579051a4284caef2 | |
| parent | Themes with @light/@dark suffix (diff) | |
| download | iro-design-f05cdf2435bf548c710e58a09c1d0ea1ffaf73d2.tar.gz iro-design-f05cdf2435bf548c710e58a09c1d0ea1ffaf73d2.tar.bz2 iro-design-f05cdf2435bf548c710e58a09c1d0ea1ffaf73d2.zip | |
More
| -rw-r--r-- | src/_utils.scss | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/src/_utils.scss b/src/_utils.scss index d5a3478..c0ce7a3 100644 --- a/src/_utils.scss +++ b/src/_utils.scss | |||
| @@ -193,10 +193,34 @@ $sizes: 0 10 50 75 100 125 200 400 700 800 !default; | |||
| 193 | 193 | ||
| 194 | @include iro.bem-utility('b#{$dir}-0') { | 194 | @include iro.bem-utility('b#{$dir}-0') { |
| 195 | border#{$suffix}: 0; | 195 | border#{$suffix}: 0; |
| 196 | |||
| 197 | @include iro.bem-suffix('light') { | ||
| 198 | @media (prefers-color-scheme: light) { | ||
| 199 | border#{$suffix}: 0; | ||
| 200 | } | ||
| 201 | } | ||
| 202 | |||
| 203 | @include iro.bem-suffix('dark') { | ||
| 204 | @media (prefers-color-scheme: dark) { | ||
| 205 | border#{$suffix}: 0; | ||
| 206 | } | ||
| 207 | } | ||
| 196 | } | 208 | } |
| 197 | 209 | ||
| 198 | @include iro.bem-utility('b#{$dir}-1') { | 210 | @include iro.bem-utility('b#{$dir}-1') { |
| 199 | border#{$suffix}: fn.global-dim(--border --thin) solid fn.global-color(--border); | 211 | border#{$suffix}: fn.global-dim(--border --thin) solid fn.global-color(--border); |
| 212 | |||
| 213 | @include iro.bem-suffix('light') { | ||
| 214 | @media (prefers-color-scheme: light) { | ||
| 215 | border#{$suffix}: fn.global-dim(--border --thin) solid fn.global-color(--border); | ||
| 216 | } | ||
| 217 | } | ||
| 218 | |||
| 219 | @include iro.bem-suffix('dark') { | ||
| 220 | @media (prefers-color-scheme: dark) { | ||
| 221 | border#{$suffix}: fn.global-dim(--border --thin) solid fn.global-color(--border); | ||
| 222 | } | ||
| 223 | } | ||
| 200 | } | 224 | } |
| 201 | } | 225 | } |
| 202 | 226 | ||