summaryrefslogtreecommitdiffstats
path: root/src/_core.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/_core.scss')
-rw-r--r--src/_core.scss38
1 files changed, 19 insertions, 19 deletions
diff --git a/src/_core.scss b/src/_core.scss
index 8c761ff..3427579 100644
--- a/src/_core.scss
+++ b/src/_core.scss
@@ -1,42 +1,42 @@
1@use 'sass:map'; 1@use "sass:map";
2@use 'sass:meta'; 2@use "sass:meta";
3@use 'sass:string'; 3@use "sass:string";
4@use 'pkg:iro-sass/src/bem'; 4@use "pkg:iro-sass/bem";
5@use 'pkg:iro-sass/src/props'; 5@use "pkg:iro-sass/props";
6@use 'config'; 6@use "config";
7 7
8@use 'core.vars' as vars; 8@use "core.vars" as vars;
9@forward 'core.vars'; 9@forward "core.vars";
10 10
11@mixin styles { 11@mixin styles {
12 @each $theme-name, $theme in vars.$themes { 12 @each $theme-name, $theme in vars.$themes {
13 @if $theme-name == config.$theme-default { 13 @if $theme-name == config.$theme-default {
14 :root { 14 :root {
15 @include props.materialize(map.values(meta.module-variables('vars'))); 15 @include props.materialize(map.values(meta.module-variables("vars")));
16 16
17 @if map.has-key($theme, 'dark') { 17 @if map.has-key($theme, "dark") {
18 @media (prefers-color-scheme: dark) { 18 @media (prefers-color-scheme: dark) {
19 @include props.materialize(map.get($theme, 'dark')); 19 @include props.materialize(map.get($theme, "dark"));
20 } 20 }
21 } 21 }
22 } 22 }
23 23
24 @if map.has-key($theme, 'dark') and config.$explicit-dark-theme { 24 @if map.has-key($theme, "dark") and config.$explicit-dark-theme {
25 @include bem.theme('dark') { 25 @include bem.theme("dark") {
26 @include props.materialize(map.values(meta.module-variables('vars'))); 26 @include props.materialize(map.values(meta.module-variables("vars")));
27 @include props.materialize(map.get($theme, 'dark')); 27 @include props.materialize(map.get($theme, "dark"));
28 } 28 }
29 } 29 }
30 } @else { 30 } @else {
31 @include bem.theme(string.slice($theme-name, 3)) { 31 @include bem.theme(string.slice($theme-name, 3)) {
32 @include props.materialize(map.get($theme, 'light')); 32 @include props.materialize(map.get($theme, "light"));
33 33
34 color: props.get(vars.$theme, --text); 34 color: props.get(vars.$theme, --text);
35 background-color: props.get(vars.$theme, --bg-base); 35 background-color: props.get(vars.$theme, --bg-base);
36 36
37 @if map.has-key($theme, 'dark') { 37 @if map.has-key($theme, "dark") {
38 @media (prefers-color-scheme: dark) { 38 @media (prefers-color-scheme: dark) {
39 @include props.materialize(map.get($theme, 'dark')); 39 @include props.materialize(map.get($theme, "dark"));
40 } 40 }
41 } 41 }
42 } 42 }