From 144b7a2ea83507c98544d14ad9435cc5e51ac071 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 5 Feb 2022 12:26:35 +0100 Subject: Update --- src/index.scss | 47 ++++++++++++++++++++++++++++++++++++++--------- 1 file changed, 38 insertions(+), 9 deletions(-) (limited to 'src/index.scss') 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); + } + } +}*/ -- cgit v1.2.3-54-g00ecf