summaryrefslogtreecommitdiffstats
path: root/src/_themes.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/_themes.scss')
-rw-r--r--src/_themes.scss26
1 files changed, 13 insertions, 13 deletions
diff --git a/src/_themes.scss b/src/_themes.scss
index f246465..ec54af4 100644
--- a/src/_themes.scss
+++ b/src/_themes.scss
@@ -1,5 +1,5 @@
1@use 'sass:map'; 1@use 'sass:map';
2@use 'iro-sass/src/iro-sass' as iro; 2@use 'iro-sass/src/bem' as bem;
3@use 'iro-sass/src/props'; 3@use 'iro-sass/src/props';
4@use 'include-media/dist/include-media' as media; 4@use 'include-media/dist/include-media' as media;
5 5
@@ -7,64 +7,64 @@
7@forward 'core.vars'; 7@forward 'core.vars';
8 8
9@mixin styles { 9@mixin styles {
10 @include iro.bem-theme('base') { 10 @include bem.theme('base') {
11 background-color: props.get(vars.$theme, --bg-base); 11 background-color: props.get(vars.$theme, --bg-base);
12 12
13 @include iro.bem-suffix('light') { 13 @include bem.suffix('light') {
14 @media (prefers-color-scheme: light) { 14 @media (prefers-color-scheme: light) {
15 background-color: props.get(vars.$theme, --bg-base); 15 background-color: props.get(vars.$theme, --bg-base);
16 } 16 }
17 } 17 }
18 18
19 @include iro.bem-suffix('dark') { 19 @include bem.suffix('dark') {
20 @media (prefers-color-scheme: dark) { 20 @media (prefers-color-scheme: dark) {
21 background-color: props.get(vars.$theme, --bg-base); 21 background-color: props.get(vars.$theme, --bg-base);
22 } 22 }
23 } 23 }
24 } 24 }
25 25
26 @include iro.bem-theme('l1') { 26 @include bem.theme('l1') {
27 background-color: props.get(vars.$theme, --bg-l1); 27 background-color: props.get(vars.$theme, --bg-l1);
28 28
29 @include iro.bem-suffix('light') { 29 @include bem.suffix('light') {
30 @media (prefers-color-scheme: light) { 30 @media (prefers-color-scheme: light) {
31 background-color: props.get(vars.$theme, --bg-l1); 31 background-color: props.get(vars.$theme, --bg-l1);
32 } 32 }
33 } 33 }
34 34
35 @include iro.bem-suffix('dark') { 35 @include bem.suffix('dark') {
36 @media (prefers-color-scheme: dark) { 36 @media (prefers-color-scheme: dark) {
37 background-color: props.get(vars.$theme, --bg-l1); 37 background-color: props.get(vars.$theme, --bg-l1);
38 } 38 }
39 } 39 }
40 } 40 }
41 41
42 @include iro.bem-theme('l2') { 42 @include bem.theme('l2') {
43 background-color: props.get(vars.$theme, --bg-l2); 43 background-color: props.get(vars.$theme, --bg-l2);
44 44
45 @include iro.bem-suffix('light') { 45 @include bem.suffix('light') {
46 @media (prefers-color-scheme: light) { 46 @media (prefers-color-scheme: light) {
47 background-color: props.get(vars.$theme, --bg-l2); 47 background-color: props.get(vars.$theme, --bg-l2);
48 } 48 }
49 } 49 }
50 50
51 @include iro.bem-suffix('dark') { 51 @include bem.suffix('dark') {
52 @media (prefers-color-scheme: dark) { 52 @media (prefers-color-scheme: dark) {
53 background-color: props.get(vars.$theme, --bg-l2); 53 background-color: props.get(vars.$theme, --bg-l2);
54 } 54 }
55 } 55 }
56 } 56 }
57 57
58 @include iro.bem-theme('50') { 58 @include bem.theme('50') {
59 background-color: props.get(vars.$theme, --base, --50); 59 background-color: props.get(vars.$theme, --base, --50);
60 60
61 @include iro.bem-suffix('light') { 61 @include bem.suffix('light') {
62 @media (prefers-color-scheme: light) { 62 @media (prefers-color-scheme: light) {
63 background-color: props.get(vars.$theme, --base, --50); 63 background-color: props.get(vars.$theme, --base, --50);
64 } 64 }
65 } 65 }
66 66
67 @include iro.bem-suffix('dark') { 67 @include bem.suffix('dark') {
68 @media (prefers-color-scheme: dark) { 68 @media (prefers-color-scheme: dark) {
69 background-color: props.get(vars.$theme, --base, --50); 69 background-color: props.get(vars.$theme, --base, --50);
70 } 70 }