diff options
Diffstat (limited to 'src/_themes.scss')
| -rw-r--r-- | src/_themes.scss | 26 |
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 | } |
