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/_vars.scss | 38 ++++++++++++++++++++++++-------------- 1 file changed, 24 insertions(+), 14 deletions(-) (limited to 'src/_vars.scss') diff --git a/src/_vars.scss b/src/_vars.scss index d2bdf38..c315438 100644 --- a/src/_vars.scss +++ b/src/_vars.scss @@ -90,18 +90,6 @@ $line-height: map-get($font--main, line-height); ), --colors: ( - --gray1: hsl(210, 0%, 100%), // 1.11 - --gray2: hsl(210, 0%, 98%), // 1.07 - --gray3: hsl(210, 0%, 95%), // 1 - --gray4: hsl(210, 0%, 90%), // 1.11 - --gray5: hsl(210, 0%, 87%), // 1.2 - --gray6: hsl(210, 0%, 78%), // 1.51 - --gray7: hsl(210, 0%, 69%), // 1.93 - --gray8: hsl(210, 0%, 55%), // 3 - --gray9: hsl(210, 0%, 38%), // 5.53 - --gray10: hsl(210, 0%, 19%), // 11.78 - --gray11: hsl(210, 0%, 0%), // 18.75 - --bg-hi2: iro.props-get(--colors --gray1, null), // Lightest background --bg-hi: iro.props-get(--colors --gray2, null), // Lighter background --bg: iro.props-get(--colors --gray3, null), // Background @@ -167,6 +155,22 @@ $line-height: map-get($font--main, line-height); ), )); + @include iro.props-store(( + --colors: ( + --gray1: hsl(210, 0%, 100%), // 1.11 + --gray2: hsl(210, 0%, 98%), // 1.07 + --gray3: hsl(210, 0%, 95%), // 1 + --gray4: hsl(210, 0%, 90%), // 1.11 + --gray5: hsl(210, 0%, 87%), // 1.2 + --gray6: hsl(210, 0%, 78%), // 1.51 + --gray7: hsl(210, 0%, 69%), // 1.93 + --gray8: hsl(210, 0%, 55%), // 3 + --gray9: hsl(210, 0%, 38%), // 5.53 + --gray10: hsl(210, 0%, 19%), // 11.78 + --gray11: hsl(210, 0%, 0%), // 18.75 + ) + ), 'light-palette'); + @include iro.props-store(( --colors: ( --gray1: hsl(210, 0%, 100%), // 1 @@ -181,7 +185,7 @@ $line-height: map-get($font--main, line-height); --gray10: hsl(210, 0%, 22%), // 11.72 --gray11: hsl(210, 0%, 0%), // 21 ) - ), 'light-raised'); + ), 'light-raised-palette'); } // @@ -192,11 +196,17 @@ $line-height: map-get($font--main, line-height); --colors: () ), 'dark'); } + + @include iro.fn-execute { + @include iro.props-store(( + --colors: () + ), 'dark-palette'); + } @include iro.fn-execute { @include iro.props-store(( --colors: () - ), 'dark-raised'); + ), 'dark-raised-palette'); } } -- cgit v1.2.3-54-g00ecf