Diese Frage hat hier bereits eine Antwort:

Ich habe eine Reihe von Farbvariablen für meine Site, die durchnummeriert sind:

$red-1: #821B0D;
$red-2: #B13631;
$red-3: #D75B5B;
$red-4: #F18788;
$red-5: #FDB9B0;

Ich möchte ein Mixin einrichten, das sie dynamisch aufruft:

@mixin link($color-name) {
    color: $#{$color-name}-2;
    &:hover {
        color: white;
        background-color: $#{$color-name}-4;
    }
}

Ich kann mir jedoch nicht vorstellen, wie man Variablen auf diese Weise aufruft. (Die obige Syntax funktioniert nicht.)

(Um den offensichtlichen Vorschlag abzulenken: Ich verwende die SASS-Farbfunktionen nicht, weil meine Farben nicht durch lineare Sättigung oder Helligkeitsschwankungen eingestellt sind. Ich kann sie nicht programmgesteuert in SASS generieren. Die Helligkeitsverschiebung in Rot zwischen Schritten ist nicht das selbe wie das zwischen Blues, was nicht das selbe ist wie das für Grüns, etc.)