From 3524f1bac11c8a9d1640bfeac5ceb063ff96d623 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Sun, 6 Feb 2022 17:17:33 +0100
Subject: Improved variable structure

---
 src/index.scss | 24 +++++++++++++++---------
 1 file changed, 15 insertions(+), 9 deletions(-)

(limited to 'src/index.scss')

diff --git a/src/index.scss b/src/index.scss
index 1124840..63124ed 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -20,29 +20,35 @@
 @import 'layouts/form';
 
 :root {
-    @include iro.props-assign;
-    @include iro.props-assign('light-palette');
+    @include iro.props-assign('dims');
 
     @each $breakpoint in map-keys(media.$breakpoints) {
         @include media.media('<=#{$breakpoint}') {
             @include iro.props-assign($breakpoint);
         }
     }
-}
 
-@include iro.bem-theme('grayscale') {
-    @include iro.props-assign($root: --colors --grayscale-accent, $prefix: --colors --accent);
+    @include iro.props-assign('colors');
+    @include iro.props-assign('palette-light');
+
+    @media (prefers-color-scheme: dark) {
+        @include iro.props-assign('palette-dark');
+    }
 }
 
 @include iro.bem-theme('raised') {
-    @include iro.props-assign('light-raised-palette');
-    @include iro.props-assign;
+    @include iro.props-assign('colors');
+    @include iro.props-assign('palette-light-raised');
 
-    @include iro.bem-multi('at-theme' 'grayscale', 'theme' 'grayscale') {
-        @include iro.props-assign($root: --colors --grayscale-accent, $prefix: --colors --accent);
+    @media (prefers-color-scheme: dark) {
+        @include iro.props-assign('palette-dark-raised');
     }
 }
 
+@include iro.bem-theme('grayscale') {
+    @include iro.props-assign('colors', $root: --colors --grayscale-accent, $prefix: --colors --accent);
+}
+
 /*@media (prefers-color-scheme: dark) {
     @include iro.props-assign('dark');
     @include iro.props-assign('dark-palette');
-- 
cgit v1.2.3-54-g00ecf