From 5855a6821cf5585378a70f9bee13563bdbfe2d86 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Tue, 22 Oct 2024 08:23:33 +0200 Subject: Less broad imports --- src/_themes.scss | 26 +++++++++++++------------- 1 file changed, 13 insertions(+), 13 deletions(-) (limited to 'src/_themes.scss') 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 @@ @use 'sass:map'; -@use 'iro-sass/src/iro-sass' as iro; +@use 'iro-sass/src/bem' as bem; @use 'iro-sass/src/props'; @use 'include-media/dist/include-media' as media; @@ -7,64 +7,64 @@ @forward 'core.vars'; @mixin styles { - @include iro.bem-theme('base') { + @include bem.theme('base') { background-color: props.get(vars.$theme, --bg-base); - @include iro.bem-suffix('light') { + @include bem.suffix('light') { @media (prefers-color-scheme: light) { background-color: props.get(vars.$theme, --bg-base); } } - @include iro.bem-suffix('dark') { + @include bem.suffix('dark') { @media (prefers-color-scheme: dark) { background-color: props.get(vars.$theme, --bg-base); } } } - @include iro.bem-theme('l1') { + @include bem.theme('l1') { background-color: props.get(vars.$theme, --bg-l1); - @include iro.bem-suffix('light') { + @include bem.suffix('light') { @media (prefers-color-scheme: light) { background-color: props.get(vars.$theme, --bg-l1); } } - @include iro.bem-suffix('dark') { + @include bem.suffix('dark') { @media (prefers-color-scheme: dark) { background-color: props.get(vars.$theme, --bg-l1); } } } - @include iro.bem-theme('l2') { + @include bem.theme('l2') { background-color: props.get(vars.$theme, --bg-l2); - @include iro.bem-suffix('light') { + @include bem.suffix('light') { @media (prefers-color-scheme: light) { background-color: props.get(vars.$theme, --bg-l2); } } - @include iro.bem-suffix('dark') { + @include bem.suffix('dark') { @media (prefers-color-scheme: dark) { background-color: props.get(vars.$theme, --bg-l2); } } } - @include iro.bem-theme('50') { + @include bem.theme('50') { background-color: props.get(vars.$theme, --base, --50); - @include iro.bem-suffix('light') { + @include bem.suffix('light') { @media (prefers-color-scheme: light) { background-color: props.get(vars.$theme, --base, --50); } } - @include iro.bem-suffix('dark') { + @include bem.suffix('dark') { @media (prefers-color-scheme: dark) { background-color: props.get(vars.$theme, --base, --50); } -- cgit v1.3.1