diff options
Diffstat (limited to 'src/_core.vars.scss')
| -rw-r--r-- | src/_core.vars.scss | 42 |
1 files changed, 15 insertions, 27 deletions
diff --git a/src/_core.vars.scss b/src/_core.vars.scss index 3b23c32..83d3a6a 100644 --- a/src/_core.vars.scss +++ b/src/_core.vars.scss | |||
| @@ -1,3 +1,5 @@ | |||
| 1 | // stylelint-disable scss/dollar-variable-pattern | ||
| 2 | |||
| 1 | @use 'sass:map'; | 3 | @use 'sass:map'; |
| 2 | @use 'sass:meta'; | 4 | @use 'sass:meta'; |
| 3 | @use 'sass:list'; | 5 | @use 'sass:list'; |
| @@ -98,15 +100,15 @@ $key-focus--border-width: props.def(--key-focus--border-width, props.get($borde | |||
| 98 | $key-focus--border-offset: props.def(--key-focus--border-offset, props.get($border-width--medium)) !default; | 100 | $key-focus--border-offset: props.def(--key-focus--border-offset, props.get($border-width--medium)) !default; |
| 99 | 101 | ||
| 100 | $list--indent: props.def(--list--indent, props.get($size--400)) !default; | 102 | $list--indent: props.def(--list--indent, props.get($size--400)) !default; |
| 101 | $list--compact-indent: props.def(--list--indent, props.get($size--250)) !default; | 103 | $list--compact-indent: props.def(--list--compact-indent, props.get($size--250)) !default; |
| 102 | 104 | ||
| 103 | // | 105 | // |
| 104 | 106 | ||
| 105 | $static-colors: props.def(--static-colors); | 107 | $-static-colors: (); |
| 106 | 108 | ||
| 107 | @each $palette-name, $palette in map.get(config.$static-colors, --palettes) { | 109 | @each $palette-name, $palette in map.get(config.$static-colors, --palettes) { |
| 108 | $palette: fn.palette($palette, map.get(config.$static-colors, --contrasts), 1, map.get(config.$static-colors, --base)); | 110 | $palette: fn.palette($palette, map.get(config.$static-colors, --contrasts), 1, map.get(config.$static-colors, --base)); |
| 109 | $static-colors: props.merge($static-colors, ( $palette-name: $palette )); | 111 | $-static-colors: map.merge($-static-colors, ( $palette-name: $palette )); |
| 110 | } | 112 | } |
| 111 | 113 | ||
| 112 | // | 114 | // |
| @@ -129,6 +131,10 @@ $themes: (); | |||
| 129 | @each $variant-name, $variant in $theme { | 131 | @each $variant-name, $variant in $theme { |
| 130 | $compiled: props.def(--colors); | 132 | $compiled: props.def(--colors); |
| 131 | 133 | ||
| 134 | @each $palette-name, $palette in $-static-colors { | ||
| 135 | $compiled: props.merge($compiled, ( #{$palette-name}-static: $palette )); | ||
| 136 | } | ||
| 137 | |||
| 132 | @each $palette-name, $palette in map.get($variant, --palettes) { | 138 | @each $palette-name, $palette in map.get($variant, --palettes) { |
| 133 | $base-color: list.nth($palette, 1); | 139 | $base-color: list.nth($palette, 1); |
| 134 | $contrasts: list.nth($palette, 2); | 140 | $contrasts: list.nth($palette, 2); |
| @@ -147,32 +153,14 @@ $themes: (); | |||
| 147 | 153 | ||
| 148 | @if meta.type-of($ref) == 'map' { | 154 | @if meta.type-of($ref) == 'map' { |
| 149 | @each $key, $r in $ref { | 155 | @each $key, $r in $ref { |
| 150 | $repo-name: list.nth($r, 1); | 156 | $re1: list.nth($r, 1); |
| 151 | $re1: list.nth($r, 2); | 157 | $re2: iro.fn-list-slice($r, 2); |
| 152 | $re2: iro.fn-list-slice($r, 3); | 158 | $res: map.merge($res, ($key: props.get($compiled, $re1, $re2...))); |
| 153 | |||
| 154 | $res2: null; | ||
| 155 | |||
| 156 | @if $repo-name == --static { | ||
| 157 | $res2: props.get($static-colors, $re1, $re2...); | ||
| 158 | } @else { | ||
| 159 | $res2: props.get($compiled, $re1, $re2...); | ||
| 160 | } | ||
| 161 | |||
| 162 | $res: map.merge($res, ($key: $res2)); | ||
| 163 | } | 159 | } |
| 164 | } @else { | 160 | } @else { |
| 165 | $repo-name: list.nth($ref, 1); | 161 | $ref1: list.nth($ref, 1); |
| 166 | $ref1: list.nth($ref, 2); | 162 | $ref2: iro.fn-list-slice($ref, 2); |
| 167 | $ref2: iro.fn-list-slice($ref, 3); | 163 | $res: props.get($compiled, $ref1, $ref2...); |
| 168 | |||
| 169 | $res: null; | ||
| 170 | |||
| 171 | @if $repo-name == --static { | ||
| 172 | $res: props.get($static-colors, $ref1, $ref2...); | ||
| 173 | } @else { | ||
| 174 | $res: props.get($compiled, $ref1, $ref2...); | ||
| 175 | } | ||
| 176 | } | 164 | } |
| 177 | 165 | ||
| 178 | $compiled: props.merge($compiled, ( $color: $res )); | 166 | $compiled: props.merge($compiled, ( $color: $res )); |
