diff options
Diffstat (limited to 'src/_declare-vars.scss')
-rw-r--r-- | src/_declare-vars.scss | 19 |
1 files changed, 16 insertions, 3 deletions
diff --git a/src/_declare-vars.scss b/src/_declare-vars.scss index 91c4bea..f657057 100644 --- a/src/_declare-vars.scss +++ b/src/_declare-vars.scss | |||
@@ -1,4 +1,5 @@ | |||
1 | @use 'sass:map'; | 1 | @use 'sass:map'; |
2 | @use 'sass:meta'; | ||
2 | @use 'sass:list'; | 3 | @use 'sass:list'; |
3 | @use 'iro-sass/src/index' as iro; | 4 | @use 'iro-sass/src/index' as iro; |
4 | @use 'include-media/dist/include-media' as media; | 5 | @use 'include-media/dist/include-media' as media; |
@@ -103,7 +104,9 @@ | |||
103 | --rounding: 4px, | 104 | --rounding: 4px, |
104 | 105 | ||
105 | --key-focus: ( | 106 | --key-focus: ( |
106 | --border: 4px, | 107 | --outline: fn.dim(--border --thick, null), |
108 | --border: fn.dim(--border --medium, null), | ||
109 | --border-offset: fn.dim(--border --medium, null), | ||
107 | ), | 110 | ), |
108 | 111 | ||
109 | --paragraph: ( | 112 | --paragraph: ( |
@@ -224,10 +227,20 @@ | |||
224 | ), $tree); | 227 | ), $tree); |
225 | } | 228 | } |
226 | 229 | ||
227 | @each $color, $ref in map.get($theme, --semantic) { | 230 | @each $color, $ref in config.$semantic-colors { |
231 | $res: (); | ||
232 | |||
233 | @if meta.type-of($ref) == 'map' { | ||
234 | @each $key, $r in $ref { | ||
235 | $res: map.set($res, $key, fn.color($r)); | ||
236 | } | ||
237 | } @else { | ||
238 | $res: fn.color($ref); | ||
239 | } | ||
240 | |||
228 | @include iro.props-store(( | 241 | @include iro.props-store(( |
229 | --colors: ( | 242 | --colors: ( |
230 | $color: fn.color($ref), | 243 | $color: $res, |
231 | ), | 244 | ), |
232 | ), $tree); | 245 | ), $tree); |
233 | } | 246 | } |