@each don't work properly. #88
Description
I have @each loop:
@each $status $color in $list-statusesbut doesn't work
The doc only cover :
@each $animal $i in (puma, sea-slug, egret, salamander) {
.#{$animal}-icon {
background-image: url("images/icon-#{$i}.svg");
}
}where $i is only a counter.
Is it not possible to do this:
@each $animal $i in (puma, sea-slug, egret, salamander), (something, something1, something2, something3) {
.#{$animal}-icon {
background-image: url("images/icon-#{$i}.svg");
}
}or
$list-statuses: (
"inprogress" : $cv-pending,
"In Progress" : $cv-pending,
"tobedone" : $cv-g-200,
"complete" : $cv-success,
"Complete" : $cv-success,
"Cancelled" : $cv-alert,
"Active" : $cv-notification,
);
@each $status $color in $list-statuses {
[data-value="#{$status}"] {
.list-dropdown {
@include background-contrast-hover($color);
border-color:$color;
}
&.cs-tag {
@include background-contrast($color);
border-color:$color;
}
}
}