Update

1 files changed, 19 insertions, 65 deletions

diff --git a/src/index.scss b/src/index.scss
index 813764c..24b8d72 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -1,71 +1,25 @@
-@use 'iro-sass/src/index' as iro;
-@use 'include-media/dist/include-media' as media;
+@use 'functions';
 
-@import 'vars';
-@import 'general';
+@use 'vars';
 
-@import 'layouts/card';
-@import 'layouts/container';
+@use 'base';
 
-@import 'objects/icon';
-@import 'objects/heading';
-@import 'objects/rule';
-@import 'objects/button';
-@import 'objects/text-field';
-@import 'objects/field-label';
-@import 'objects/radio';
-@import 'objects/checkbox';
-@import 'objects/switch';
-@import 'objects/action-button';
-@import 'objects/status-indicator';
-@import 'objects/avatar';
+@use 'layouts/card';
+@use 'layouts/container';
 
-@import 'layouts/form';
+@use 'objects/icon';
+@use 'objects/heading';
+@use 'objects/rule';
+@use 'objects/button';
+@use 'objects/text-field';
+@use 'objects/field-label';
+@use 'objects/radio';
+@use 'objects/checkbox';
+@use 'objects/switch';
+@use 'objects/action-button';
+@use 'objects/status-indicator';
+@use 'objects/avatar';
 
-:root {
-    @include iro.props-assign('dims');
+@use 'layouts/form';
 
-    @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);
-        }
-    }
-}*/
+@use 'apply-vars';