diff options
Diffstat (limited to 'src/_declare-vars.scss')
-rw-r--r-- | src/_declare-vars.scss | 29 |
1 files changed, 18 insertions, 11 deletions
diff --git a/src/_declare-vars.scss b/src/_declare-vars.scss index 2084905..4574333 100644 --- a/src/_declare-vars.scss +++ b/src/_declare-vars.scss | |||
@@ -100,7 +100,7 @@ | |||
100 | --thin: 1px, | 100 | --thin: 1px, |
101 | ), | 101 | ), |
102 | 102 | ||
103 | --rounding: 3px, | 103 | --rounding: 4px, |
104 | 104 | ||
105 | --focus: ( | 105 | --focus: ( |
106 | --outline-width: 3px, | 106 | --outline-width: 3px, |
@@ -176,6 +176,20 @@ | |||
176 | 176 | ||
177 | // | 177 | // |
178 | 178 | ||
179 | @each $palette-name, $palette in map.get(config.$static-colors, --palettes) { | ||
180 | @include iro.props-store(( | ||
181 | --colors: ( | ||
182 | #{$palette-name}-static: fn.palette( | ||
183 | $palette, | ||
184 | map.get(config.$static-colors, --contrasts), | ||
185 | 1, | ||
186 | false, | ||
187 | map.get(config.$static-colors, --base), | ||
188 | ), | ||
189 | ), | ||
190 | )); | ||
191 | } | ||
192 | |||
179 | @each $theme-name, $theme in config.$themes { | 193 | @each $theme-name, $theme in config.$themes { |
180 | $tree: if($theme-name == config.$theme-default, iro.$props-default-tree, $theme-name); | 194 | $tree: if($theme-name == config.$theme-default, iro.$props-default-tree, $theme-name); |
181 | 195 | ||
@@ -190,21 +204,14 @@ | |||
190 | $base-color, | 204 | $base-color, |
191 | map.get($theme, --contrasts, $contrasts), | 205 | map.get($theme, --contrasts, $contrasts), |
192 | map.get($theme, --ranges, $ranges), | 206 | map.get($theme, --ranges, $ranges), |
193 | nth(map.get($theme, --palettes, --base), 1), | 207 | true, |
208 | list.nth(map.get($theme, --palettes, --base), 1), | ||
194 | ), | 209 | ), |
195 | ), | 210 | ), |
196 | ), $tree); | 211 | ), $tree); |
197 | |||
198 | @if $theme-name == config.$theme-default { | ||
199 | @include iro.props-store(( | ||
200 | --colors: ( | ||
201 | #{$palette-name}-static: iro.props-get-static(--colors $palette-name, $tree), | ||
202 | ), | ||
203 | ), $tree); | ||
204 | } | ||
205 | } | 212 | } |
206 | 213 | ||
207 | @each $color, $ref in map.get($theme, --semantic-colors) { | 214 | @each $color, $ref in map.get($theme, --semantic) { |
208 | @include iro.props-store(( | 215 | @include iro.props-store(( |
209 | --colors: ( | 216 | --colors: ( |
210 | $color: fn.color($ref), | 217 | $color: fn.color($ref), |