diff options
Diffstat (limited to 'src')
-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 | ||