summaryrefslogtreecommitdiffstats
path: root/src/_props.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/_props.scss')
-rw-r--r--src/_props.scss57
1 files changed, 32 insertions, 25 deletions
diff --git a/src/_props.scss b/src/_props.scss
index ffba054..0b2306d 100644
--- a/src/_props.scss
+++ b/src/_props.scss
@@ -8,34 +8,41 @@
8@use 'iro-sass/src/props'; 8@use 'iro-sass/src/props';
9 9
10@mixin materialize-at-root($ref) { 10@mixin materialize-at-root($ref) {
11 @if meta.type-of($ref) == 'map' { 11 @if meta.type-of($ref) == 'map' {
12 $ref: map.values($ref); 12 $ref: map.values($ref);
13 } 13 }
14 14
15 :root { 15 :root {
16 @include props.materialize($ref, null); 16 @include props.materialize($ref, null);
17 @include props.materialize($ref, 'color'); 17 @include props.materialize($ref, 'color');
18 18
19 @each $breakpoint in map.keys(media.$breakpoints) { 19 @each $breakpoint in map.keys(media.$breakpoints) {
20 @include media.media('<=#{$breakpoint}') { 20 @include media.media('<=#{$breakpoint}') {
21 @include props.materialize($ref, $breakpoint); 21 @include props.materialize($ref, $breakpoint);
22 } 22 }
23 } 23 }
24 24
25 @media (prefers-color-scheme: dark) { 25 @media (prefers-color-scheme: dark) {
26 @include props.materialize($ref, 'dark'); 26 @include props.materialize($ref, 'dark');
27 } 27 }
28 } 28 }
29 29
30 @each $theme-name in map.keys(config.$themes) { 30 @if config.$explicit-dark-theme {
31 @if $theme-name != config.$theme-default { 31 @include bem.theme('dark') {
32 @include bem.theme(string.slice($theme-name, 3)) { 32 @include props.materialize($ref, 'color');
33 @include props.materialize($ref, 'color'); 33 @include props.materialize($ref, 'dark');
34 }
35 }
34 36
35 @media (prefers-color-scheme: dark) { 37 @each $theme-name in map.keys(config.$themes) {
36 @include props.materialize($ref, 'dark'); 38 @if $theme-name != config.$theme-default {
37 } 39 @include bem.theme(string.slice($theme-name, 3)) {
38 } 40 @include props.materialize($ref, 'color');
39 } 41
40 } 42 @media (prefers-color-scheme: dark) {
43 @include props.materialize($ref, 'dark');
44 }
45 }
46 }
47 }
41} 48}