WIP: Refactoring

1 files changed, 4 insertions, 69 deletions

diff --git a/src/_apply-vars.scss b/src/_apply-vars.scss
index bee2ff3..a2ee404 100644
--- a/src/_apply-vars.scss
+++ b/src/_apply-vars.scss
@@ -1,82 +1,17 @@
+@use 'sass:map';
 @use 'iro-sass/src/index' as iro;
 @use 'include-media/dist/include-media' as media;
 
 :root {
-    @include iro.props-assign('dims');
+    @include iro.props-assign;
 
-    @each $breakpoint in map-keys(media.$breakpoints) {
+    @each $breakpoint in map.keys(media.$breakpoints) {
         @include media.media('<=#{$breakpoint}') {
             @include iro.props-assign($breakpoint);
         }
     }
 
-    @include iro.props-assign('colors');
-    @include iro.props-assign('palette-light');
-
-    @media (prefers-color-scheme: dark) {
-        @include iro.props-assign('colors-dark');
-        @include iro.props-assign('palette-dark');
-    }
-}
-
-@include iro.bem-theme('media') {
-    @include iro.props-assign('colors');
-    @include iro.props-assign('colors-media');
-    @include iro.props-assign('palette-media-dark');
-}
-
-@include iro.bem-theme('media-light') {
-    @include iro.props-assign('colors');
-    @include iro.props-assign('colors-media-light');
-    @include iro.props-assign('palette-media-light');
-}
-
-@include iro.bem-theme('def') {
-    @include iro.props-assign('colors');
-    @include iro.props-assign('palette-light');
-
-    @media (prefers-color-scheme: dark) {
-        @include iro.props-assign('colors-dark');
-        @include iro.props-assign('palette-dark');
-    }
-}
-
-@include iro.bem-theme('hi') {
-    @include iro.props-assign('colors');
-    @include iro.props-assign('palette-light-hi');
-
-    @media (prefers-color-scheme: dark) {
-        @include iro.props-assign('colors-dark');
-        @include iro.props-assign('palette-dark-hi');
-    }
-}
-
-@include iro.bem-theme('lo') {
-    @include iro.props-assign('colors');
-    @include iro.props-assign('palette-light-lo');
-
-    @media (prefers-color-scheme: dark) {
-        @include iro.props-assign('colors-dark');
-        @include iro.props-assign('palette-dark-lo');
-    }
-}
-
-@include iro.bem-theme('up') {
-    @include iro.props-assign('colors');
-    @include iro.props-assign('palette-light-hi');
-
-    @media (prefers-color-scheme: dark) {
-        @include iro.props-assign('colors-dark');
-        @include iro.props-assign('palette-dark-lo');
-    }
-}
-
-@include iro.bem-theme('down') {
-    @include iro.props-assign('colors');
-    @include iro.props-assign('palette-light-lo');
-
     @media (prefers-color-scheme: dark) {
-        @include iro.props-assign('colors-dark');
-        @include iro.props-assign('palette-dark-hi');
+        @include iro.props-assign('dark');
     }
 }