From 1cb77f7c4cb27e40e368656b6536bb208d96aef9 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 5 Feb 2022 18:32:31 +0100 Subject: Added text field --- src/index.scss | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) (limited to 'src/index.scss') diff --git a/src/index.scss b/src/index.scss index 1d21d45..5a6a94c 100644 --- a/src/index.scss +++ b/src/index.scss @@ -6,12 +6,15 @@ @import 'layouts/container'; +@import 'objects/icon'; @import 'objects/heading'; @import 'objects/rule'; @import 'objects/button'; +@import 'objects/text-field'; :root { @include iro.props-assign; + @include iro.props-assign('light-palette'); @each $breakpoint in map-keys(media.$breakpoints) { @include media.media('<=#{$breakpoint}') { @@ -25,8 +28,8 @@ } @include iro.bem-theme('raised') { - @include iro.props-assign($root: --colors, $prefix: --colors); - @include iro.props-assign('light-raised'); + @include iro.props-assign('light-raised-palette'); + @include iro.props-assign; @include iro.bem-multi('at-theme' 'grayscale', 'theme' 'grayscale') { @include iro.props-assign($root: --colors --grayscale-accent, $prefix: --colors --accent); @@ -35,14 +38,15 @@ /*@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', $root: --colors, $prefix: --colors); - @include iro.props-assign('dark-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); -- cgit v1.2.3-54-g00ecf