Нужно перебрать множество переменных

Question

Надо поставить @color-1, @color-2, @color-3.. на месте @color-@{i} в цикле. Что я должен поставить вместо этого?

@color-0: rgb(200, 20, 20);
@color-1: ...;
@color-2: ...;
// ...

.generate-headers(5);

.generate-headers( @n, @i: 0 ) when ( @i =< @n ) {
  .widget-header-@{i} {
    width: (@i * 100% / @n);
    background-color: @color-@{i};
    color: overlay( @color-@{i}, @white );
  }
  .generate-headers(@n, (@i + 1));
}

Answer 1

Нашел один способ:

    @color: "color-@{i}";
    background-color: @@color;