summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2023-02-01 16:46:17 +0100
committerVolpeon <git@volpeon.ink>2023-02-01 16:46:17 +0100
commit01b909f226d066293825b76fe0649e08f344fe70 (patch)
tree318a33ce12d5a3e8fb0ebff51fdd692af8319256
parentAdded round button variant (diff)
downloadiro-design-01b909f226d066293825b76fe0649e08f344fe70.tar.gz
iro-design-01b909f226d066293825b76fe0649e08f344fe70.tar.bz2
iro-design-01b909f226d066293825b76fe0649e08f344fe70.zip
Split border color into stable and regular
-rw-r--r--src/_declare-vars.scss9
-rw-r--r--src/_utils.scss2
-rw-r--r--src/objects/_dialog.scss2
3 files changed, 9 insertions, 4 deletions
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 @@
192 --fg: fn.color(--gray --10, null), // Text 192 --fg: fn.color(--gray --10, null), // Text
193 --fg-lo: fn.color(--gray --11, null), // Strong text 193 --fg-lo: fn.color(--gray --11, null), // Strong text
194 194
195 --border: iro.props-get-static(--colors --gray --5, 'palette-light'), 195 --border: (
196 --regular: fn.color(--obj, null),
197 --stable: iro.props-get-static(--colors --gray --5, 'palette-light'),
198 ),
196 199
197 --blue: fn.color-palette(blend.lch(48% 50 279)), 200 --blue: fn.color-palette(blend.lch(48% 50 279)),
198 --purple: fn.color-palette(blend.lch(48% 50 308)), 201 --purple: fn.color-palette(blend.lch(48% 50 308)),
@@ -252,7 +255,9 @@
252 255
253@include iro.props-store(( 256@include iro.props-store((
254 --colors: ( 257 --colors: (
255 --border: iro.props-get-static(--colors --gray --5, 'palette-dark'), 258 --border: (
259 --stable: iro.props-get-static(--colors --gray --5, 'palette-dark'),
260 ),
256 261
257 --blue: fn.color-palette(blend.lch(63% 50 279), -1), 262 --blue: fn.color-palette(blend.lch(63% 50 279), -1),
258 --purple: fn.color-palette(blend.lch(63% 50 308), -1), 263 --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: (
140 } 140 }
141 141
142 @include iro.bem-utility('b#{$dir}-1') { 142 @include iro.bem-utility('b#{$dir}-1') {
143 border#{$suffix}: 1px solid fn.global-color(--border); 143 border#{$suffix}: 1px solid fn.global-color(--border --stable);
144 } 144 }
145} 145}
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 @@
37 @include iro.props-store(( 37 @include iro.props-store((
38 --colors: ( 38 --colors: (
39 --outer-border: rgba(#000, .2), 39 --outer-border: rgba(#000, .2),
40 --inner-border: fn.global-color(--border), 40 --inner-border: fn.global-color(--border --stable),
41 --shadow: 0 .2em .5em rgba(#000, .2), 41 --shadow: 0 .2em .5em rgba(#000, .2),
42 ), 42 ),
43 ), 'colors'); 43 ), 'colors');