Compasso dello sfondo con un argomento variabile - sass, compass-sass

Ecco un caso di prova molto ridotto di ciò che sto cercando di realizzare:

Questo funziona:

html
$gradient: red, salmon
+background(linear-gradient($gradient))

Questo non funziona:

html
$gradient: top, red, salmon
+background(linear-gradient($gradient))

E mi dà questo errore: "At least two color stops are required for a linear-gradient()"

Ancora, $gradient: top, red 10%, salmon 10% non funziona. Né lo fa $gradient: 35% 10%, red 10%, salmon 10%. Devo essere in grado di passare qualsiasi combinazione CSS3 valida della sintassi del gradiente nel mixin, anche in più gradienti.

+background(linear-gradient(35% 10%, red 10%, salmon 10%)) funziona, quindi presumo che dovrebbe anche con un segnaposto variabile.

Come posso avere +background per accettare qualsiasi CSS valido lo passo?

risposte:

Usa Sass Argomenti variabili:

html
$gradient: top, red, salmon
+background(linear-gradient($gradient...))

html
$gradient: linear-gradient(top, red, salmon)
+background($gradient)

Questo funziona per quello che sto cercando di fare, ma non è l'ideale o molto SECCO se avessi bisogno di un mixin per essere sempre un gradiente lineare.