From 575278aba99139635adc3b1f9385befe57102541 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 11 Jun 2022 09:44:04 +0200 Subject: Re-implemented design via iro-design --- assets/css/style.scss | 63 +++++++++++++++------------------------------------ 1 file changed, 18 insertions(+), 45 deletions(-) (limited to 'assets/css/style.scss') 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'; -- cgit v1.2.3-54-g00ecf