Update

1 files changed, 38 insertions, 9 deletions

diff --git a/src/index.scss b/src/index.scss
index dc71caa..292785d 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -1,19 +1,48 @@
-@use 'iro-sass/src/props';
-
-@import 'include-media/dist/include-media';
+@use 'iro-sass/src/index' as iro;
+@use 'include-media/dist/include-media' as media;
 
 @import 'vars';
+@import 'general';
+
+@import 'layouts/container';
+
+@import 'objects/heading';
+@import 'objects/rule';
 
 :root {
-    @include props.assign;
+    @include iro.props-assign;
 
-    @each $breakpoint in map-keys($breakpoints) {
-        @include media('<=#{$breakpoint}') {
-            @include props.assign($breakpoint);
+    @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.bem-theme('raised') {
+    @include iro.props-assign('light-raised');
 
-    @media (prefers-color-scheme: dark) {
-        @include props.assign('dark');
+    @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('dark');
+
+    @include iro.bem-theme('grayscale') {
+        @include iro.props-assign('dark', $root: --colors --grayscale-accent, $prefix: --colors --accent);
+    }
+
+    @include iro.bem-theme('raised') {
+        @include iro.props-assign('dark-raised');
+    
+        @include iro.bem-multi('at-theme' 'grayscale', 'theme' 'grayscale') {
+            @include iro.props-assign('dark', $root: --colors --grayscale-accent, $prefix: --colors --accent);
+        }
+    }
+}*/