From 50f6acc739f24bfa2ca080d08e90d82f8fa83543 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Thu, 17 Oct 2024 16:45:00 +0200 Subject: Revamped variable management --- src/_themes.scss | 86 -------------------------------------------------------- 1 file changed, 86 deletions(-) delete mode 100644 src/_themes.scss (limited to 'src/_themes.scss') diff --git a/src/_themes.scss b/src/_themes.scss deleted file mode 100644 index 2ca89cb..0000000 --- a/src/_themes.scss +++ /dev/null @@ -1,86 +0,0 @@ -@use 'iro-sass/src/index' as iro; -@use 'functions' as fn; - -$static-themes: 'black' 'white' !default; - -@include iro.bem-theme('base') { - background-color: fn.global-color(--bg-base); - - @include iro.bem-suffix('light') { - @media (prefers-color-scheme: light) { - background-color: fn.global-color(--bg-base); - } - } - - @include iro.bem-suffix('dark') { - @media (prefers-color-scheme: dark) { - background-color: fn.global-color(--bg-base); - } - } -} - -@include iro.bem-theme('l1') { - background-color: fn.global-color(--bg-l1); - - @include iro.bem-suffix('light') { - @media (prefers-color-scheme: light) { - background-color: fn.global-color(--bg-l1); - } - } - - @include iro.bem-suffix('dark') { - @media (prefers-color-scheme: dark) { - background-color: fn.global-color(--bg-l1); - } - } -} - -@include iro.bem-theme('l2') { - background-color: fn.global-color(--bg-l2); - - @include iro.bem-suffix('light') { - @media (prefers-color-scheme: light) { - background-color: fn.global-color(--bg-l2); - } - } - - @include iro.bem-suffix('dark') { - @media (prefers-color-scheme: dark) { - background-color: fn.global-color(--bg-l2); - } - } -} - -@include iro.bem-theme('50') { - background-color: fn.global-color(--base --50); - - @include iro.bem-suffix('light') { - @media (prefers-color-scheme: light) { - background-color: fn.global-color(--base --50); - } - } - - @include iro.bem-suffix('dark') { - @media (prefers-color-scheme: dark) { - background-color: fn.global-color(--base --50); - } - } -} - -@each $theme in $static-themes { - @include iro.bem-theme(static-#{$theme}) { - color: fn.global-color(--#{$theme}-transparent --800); - - @include iro.bem-suffix('light') { - @media (prefers-color-scheme: light) { - background-color: fn.global-color(--base --50); - } - } - - @include iro.bem-suffix('dark') { - @media (prefers-color-scheme: dark) { - background-color: fn.global-color(--base --50); - } - } - } -} -- cgit v1.2.3-70-g09d2