Uma sugestão seria, em vez de gerar os nomes das variáveis usando a interpolação, podias criar uma lista e usar o método nth
para obter os valores.
Exemplo de código:
$cor1: rgb(255,255,255); // branco
$cor2: rgb(255,0,0); // vermelho
$cor3: rgb(255,255,0); // amarelo
$cores: $cor1, $cor2, $cor3;
@for $i from 1 through length($cores) {
background-color: rgba(nth($cores, $i), 0.6);
}
Uma outra abordagem, seria utilizar o @each
em vez do @for
, porque assim não precisas saber o tamanho da lista nem utilizar a função length()
para calcular o tamanho da lista, assim como a função nth()
.
Exemplo de código:
$cores: rgb(255,255,255), // branco
rgb(255,0,0), // vermelho
rgb(255,255,0); // amarelo
@each $cor in $cores {
background-color: rgba($cor, 0.6);
}