sass mixin für linear-gradient, code erklärung

Question

Ich habe folgendes im Internet gefunden, habe aber vergessen wo ich es gefunden habe.

@mixin linear-gradient($direction, $gradients...) { 
    background-color: nth($gradients, 1); 
    background-image: linear-gradient($direction, $gradients...); 
} 

und dann auf mit in einer Klasse aufgerufen werden:

.selector { 
    @include linear-gradient(to right, magenta, red, orange, yellow, green, blue, purple); 
} 

Dies funktioniert gut, meine Frage ist, über die background-color: nth($gradients, 1); ist dies ein Index, der mit 1 beginnt und ist es als farb- verwendet Anfang? Kann jemand erklären?

Thanks :)

Answer 1

Ja n-ten (Gradienten, 1) nimmt das erste Element aus der Liste Gradienten

so wäre es Hintergrund-Farbe: magenta hier

für weitere Erklärung this

Answer 2

Wie Sie vermutet, nth($gradients, 1) von $gradients als Sass lists are 1-indexed das erste Element aufnimmt.

In diesem Fall wird Hintergrundfarbe auf die erste Farbe von Farbverläufen eingestellt. Sie können sich das als Fallback vorstellen, falls der Browser des Benutzers keine linearen Gradienten unterstützt.