Wie verweisen SASS Variable

Question

Ich habe dies in meinem SASS:

$colors: (
    primary: #f6861f, 
    secondary: #32db64, 
    danger:  #f53d3d, 
    light:  #f4f4f4, 
    dark:  #222 
); 

Wenn ich

.menu-inner .scroll-content{ 
    background: $colors['primary']; 
} 

verwenden es funktioniert nicht. Wie beziehe ich mich auf primary in meinem $colors Array?

Answer 1

Ihre Syntax ist nicht ganz richtig - Sie können keine assoziativen Arrays im C-Stil mit SASS verwenden; Sie müssen stattdessen die map-get Funktion verwenden.

In Ihrem Beispiel die Grundfarbe öffnen würden wir Sie dies tun würde:

.menu-inner .scroll-content { 
    background: map-get($colors, primary); 
} 

Es gibt einige weitere Informationen über SASS Karten in thesearticles.