diff options
Diffstat (limited to 'src/objects/_palette.scss')
-rw-r--r-- | src/objects/_palette.scss | 20 |
1 files changed, 13 insertions, 7 deletions
diff --git a/src/objects/_palette.scss b/src/objects/_palette.scss index a86c026..9ecdfac 100644 --- a/src/objects/_palette.scss +++ b/src/objects/_palette.scss | |||
@@ -1,5 +1,6 @@ | |||
1 | @use 'sass:map'; | 1 | @use 'sass:map'; |
2 | @use 'sass:list'; | 2 | @use 'sass:list'; |
3 | @use 'sass:string'; | ||
3 | @use 'iro-sass/src/index' as iro; | 4 | @use 'iro-sass/src/index' as iro; |
4 | @use '../functions' as fn; | 5 | @use '../functions' as fn; |
5 | @use '../config'; | 6 | @use '../config'; |
@@ -12,8 +13,11 @@ | |||
12 | @include iro.bem-elem('item') { | 13 | @include iro.bem-elem('item') { |
13 | flex: 1 1 auto; | 14 | flex: 1 1 auto; |
14 | 15 | ||
15 | @for $i from 1 through list.length(map.get(config.$theme-light, --grays)) { | 16 | $palette: map.get(config.$themes, config.$theme-default, --palettes, --base); |
16 | $key: list.nth(map.keys(map.get(config.$theme-light, --grays)), $i); | 17 | $contrasts: map.get(config.$themes, config.$theme-default, --contrasts, list.nth($palette, 2)); |
18 | |||
19 | @for $i from 1 through list.length($contrasts) { | ||
20 | $key: list.nth(map.keys($contrasts), $i); | ||
17 | 21 | ||
18 | &:nth-child(#{$i}) { | 22 | &:nth-child(#{$i}) { |
19 | background-color: fn.global-color(--base $key); | 23 | background-color: fn.global-color(--base $key); |
@@ -21,14 +25,16 @@ | |||
21 | } | 25 | } |
22 | } | 26 | } |
23 | 27 | ||
24 | @each $palette in 'blue' 'purple' 'red' 'green' 'yellow' { | 28 | @each $palette-name, $palette in map.get(config.$themes, config.$theme-default, --palettes) { |
25 | @include iro.bem-modifier($palette) { | 29 | $contrasts: map.get(config.$themes, config.$theme-default, --contrasts, list.nth($palette, 2)); |
30 | |||
31 | @include iro.bem-modifier(string.slice($palette-name, 3)) { | ||
26 | @include iro.bem-elem('item') { | 32 | @include iro.bem-elem('item') { |
27 | @for $i from 1 through list.length(map.get(config.$theme-light, --colors)) { | 33 | @for $i from 1 through list.length($contrasts) { |
28 | $key: list.nth(map.keys(map.get(config.$theme-light, --colors)), $i); | 34 | $key: list.nth(map.keys($contrasts), $i); |
29 | 35 | ||
30 | &:nth-child(#{$i}) { | 36 | &:nth-child(#{$i}) { |
31 | background-color: fn.global-color(--#{$palette} $key); | 37 | background-color: fn.global-color($palette-name $key); |
32 | } | 38 | } |
33 | } | 39 | } |
34 | } | 40 | } |