Wywoływanie zmiennych dynamicznie w SCSS [duplikat]
To pytanie ma już tutaj odpowiedź:
Dynamiczne tworzenie lub odwoływanie się do zmiennych w Sassie 5 odpowiedziMam serię zmiennych kolorów dla mojej witryny, które są ponumerowane:
$red-1: #821B0D;
$red-2: #B13631;
$red-3: #D75B5B;
$red-4: #F18788;
$red-5: #FDB9B0;
Chciałbym ustawić miks, który wywołuje je dynamicznie, w ten sposób:
@mixin link($color-name) {
color: $#{$color-name}-2;
&:hover {
color: white;
background-color: $#{$color-name}-4;
}
}
Nie potrafię jednak określić sposobu wywoływania zmiennych w ten sposób. (Powyższa składnia nie działa.)
(Aby odrzucić oczywistą sugestię: nie używam funkcji kolorów SASS, ponieważ moje kolory nie są ustawiane przez liniowe nasycenie lub zmiany jasności. Nie mogę generować ich programowo w SASS. Przesunięcie jasności w czerwieni między krokami nie jest taki sam jak między bluesami, który nie jest taki sam jak ten dla zieleni itp.)