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), |
