Re-implemented design via iro-design

1 files changed, 18 insertions, 45 deletions

diff --git a/assets/css/style.scss b/assets/css/style.scss
index 0b8f75c..1184bb2 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -1,52 +1,25 @@
-@import '../../node_modules/iro-sass/src/main';
-@import '../../node_modules/iro-sass/src/bem-shortcodes';
-@import '../../node_modules/iro-sass/src/responsive-shortcodes';
-@import '../../node_modules/iro-sass/src/props-shortcodes';
-@import '../../node_modules/include-media/dist/include-media';
+@use 'iro-design/src/declare-vars' as iro-vars;
+@use 'declare-vars';
 
-@import 'vars';
-@import 'functions';
-@import 'fonts';
-@import 'basics';
+@use 'iro-design/src/base' as iro-base;
+@use 'functions';
+@use 'fonts';
+@use 'base';
 
-@import 'layouts/container';
+@use 'iro-design/src/layouts';
+@use 'layouts/media';
+@use 'layouts/card-list';
 
-@import 'objects/icon';
-@import 'objects/badge';
+@use 'iro-design/src/objects';
 
-@import 'components/header';
-@import 'components/footer';
-@import 'components/card';
-@import 'components/note';
-@import 'components/lightbox';
-@import 'components/hnav';
+@use 'components/footer';
+@use 'components/header';
+@use 'components/hnav';
+@use 'components/card';
 
-@import 'layouts/card-list';
+@use 'iro-design/src/scopes';
+@use 'scopes/small';
 
-@import 'scopes/colored-links';
-@import 'scopes/invisible-links';
-@import 'scopes/headlines';
-@import 'scopes/small';
-@import 'scopes/body';
-@import 'scopes/intro';
+@use 'iro-design/src/utils';
 
-@import 'utils';
-
-:root {
-    @include assign;
-
-    @each $breakpoint in map-keys($breakpoints) {
-        @include media('<=#{$breakpoint}') {
-            @include assign($breakpoint);
-        }
-    }
-
-    @media (prefers-color-scheme: light) {
-        @include assign('light');
-    }
-
-    @media print {
-        @include assign('light');
-        @include assign('print');
-    }
-}
+@use 'iro-design/src/apply-vars';