From 01b909f226d066293825b76fe0649e08f344fe70 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Wed, 1 Feb 2023 16:46:17 +0100 Subject: Split border color into stable and regular --- src/_declare-vars.scss | 9 +++++++-- src/_utils.scss | 2 +- src/objects/_dialog.scss | 2 +- 3 files changed, 9 insertions(+), 4 deletions(-) (limited to 'src') diff --git a/src/_declare-vars.scss b/src/_declare-vars.scss index 92c14e5..d4c2d38 100644 --- a/src/_declare-vars.scss +++ b/src/_declare-vars.scss @@ -192,7 +192,10 @@ --fg: fn.color(--gray --10, null), // Text --fg-lo: fn.color(--gray --11, null), // Strong text - --border: iro.props-get-static(--colors --gray --5, 'palette-light'), + --border: ( + --regular: fn.color(--obj, null), + --stable: iro.props-get-static(--colors --gray --5, 'palette-light'), + ), --blue: fn.color-palette(blend.lch(48% 50 279)), --purple: fn.color-palette(blend.lch(48% 50 308)), @@ -252,7 +255,9 @@ @include iro.props-store(( --colors: ( - --border: iro.props-get-static(--colors --gray --5, 'palette-dark'), + --border: ( + --stable: iro.props-get-static(--colors --gray --5, 'palette-dark'), + ), --blue: fn.color-palette(blend.lch(63% 50 279), -1), --purple: fn.color-palette(blend.lch(63% 50 308), -1), diff --git a/src/_utils.scss b/src/_utils.scss index ddf9580..3a36a2a 100644 --- a/src/_utils.scss +++ b/src/_utils.scss @@ -140,6 +140,6 @@ $dirs: ( } @include iro.bem-utility('b#{$dir}-1') { - border#{$suffix}: 1px solid fn.global-color(--border); + border#{$suffix}: 1px solid fn.global-color(--border --stable); } } diff --git a/src/objects/_dialog.scss b/src/objects/_dialog.scss index 7c9fb57..6737a1b 100644 --- a/src/objects/_dialog.scss +++ b/src/objects/_dialog.scss @@ -37,7 +37,7 @@ @include iro.props-store(( --colors: ( --outer-border: rgba(#000, .2), - --inner-border: fn.global-color(--border), + --inner-border: fn.global-color(--border --stable), --shadow: 0 .2em .5em rgba(#000, .2), ), ), 'colors'); -- cgit v1.2.3-70-g09d2