@each don't work properly.

[Dragod]

I have @each loop:

@each $status $color in $list-statuses

but 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;
        }
    }
}

[t0byman]

I have the same problem