1 files changed, 50 insertions, 0 deletions

diff --git a/src/_apply-vars.scss b/src/_apply-vars.scss
new file mode 100644
index 0000000..cf4c940
--- /dev/null
+++ b/src/_apply-vars.scss
@@ -0,0 +1,50 @@
+@use 'iro-sass/src/index' as iro;
+@use 'include-media/dist/include-media' as media;
+
+:root {
+    @include iro.props-assign('dims');
+
+    @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('palette-dark');
+    }
+}
+
+@include iro.bem-theme('raised') {
+    @include iro.props-assign('colors');
+    @include iro.props-assign('palette-light-raised');
+
+    @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');
+
+    @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-palette');
+        @include iro.props-assign('dark');
+    
+        @include iro.bem-multi('at-theme' 'grayscale', 'theme' 'grayscale') {
+            @include iro.props-assign('dark', $root: --colors --grayscale-accent, $prefix: --colors --accent);
+        }
+    }
+}*/