From 48cb00040763459fc46d4aa108bf72c12f48f422 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Fri, 21 Jun 2024 23:07:50 +0200 Subject: WIP: Refactoring --- src/_apply-vars.scss | 73 +++------------------------------------------------- 1 file changed, 4 insertions(+), 69 deletions(-) (limited to 'src/_apply-vars.scss') diff --git a/src/_apply-vars.scss b/src/_apply-vars.scss index bee2ff3..a2ee404 100644 --- a/src/_apply-vars.scss +++ b/src/_apply-vars.scss @@ -1,82 +1,17 @@ +@use 'sass:map'; @use 'iro-sass/src/index' as iro; @use 'include-media/dist/include-media' as media; :root { - @include iro.props-assign('dims'); + @include iro.props-assign; - @each $breakpoint in map-keys(media.$breakpoints) { + @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('colors-dark'); - @include iro.props-assign('palette-dark'); - } -} - -@include iro.bem-theme('media') { - @include iro.props-assign('colors'); - @include iro.props-assign('colors-media'); - @include iro.props-assign('palette-media-dark'); -} - -@include iro.bem-theme('media-light') { - @include iro.props-assign('colors'); - @include iro.props-assign('colors-media-light'); - @include iro.props-assign('palette-media-light'); -} - -@include iro.bem-theme('def') { - @include iro.props-assign('colors'); - @include iro.props-assign('palette-light'); - - @media (prefers-color-scheme: dark) { - @include iro.props-assign('colors-dark'); - @include iro.props-assign('palette-dark'); - } -} - -@include iro.bem-theme('hi') { - @include iro.props-assign('colors'); - @include iro.props-assign('palette-light-hi'); - - @media (prefers-color-scheme: dark) { - @include iro.props-assign('colors-dark'); - @include iro.props-assign('palette-dark-hi'); - } -} - -@include iro.bem-theme('lo') { - @include iro.props-assign('colors'); - @include iro.props-assign('palette-light-lo'); - - @media (prefers-color-scheme: dark) { - @include iro.props-assign('colors-dark'); - @include iro.props-assign('palette-dark-lo'); - } -} - -@include iro.bem-theme('up') { - @include iro.props-assign('colors'); - @include iro.props-assign('palette-light-hi'); - - @media (prefers-color-scheme: dark) { - @include iro.props-assign('colors-dark'); - @include iro.props-assign('palette-dark-lo'); - } -} - -@include iro.bem-theme('down') { - @include iro.props-assign('colors'); - @include iro.props-assign('palette-light-lo'); - @media (prefers-color-scheme: dark) { - @include iro.props-assign('colors-dark'); - @include iro.props-assign('palette-dark-hi'); + @include iro.props-assign('dark'); } } -- cgit v1.2.3-54-g00ecf