From 2b9c02e09b66b73eb12951263aa8aa0da55653b8 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Mon, 7 Feb 2022 17:07:30 +0100 Subject: Update --- src/index.scss | 84 +++++++++++++--------------------------------------------- 1 file changed, 19 insertions(+), 65 deletions(-) (limited to 'src/index.scss') 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'; -- cgit v1.2.3-54-g00ecf