Funzioni di lista Sass

Funzioni di lista Sass

Le funzioni di lista vengono utilizzate per accedere ai valori nella lista, combinare liste e aggiungere elementi alla lista.

Le liste Sass sono immutabili (non possono essere modificate). Pertanto, le funzioni che restituiscono una lista di liste restituiranno una nuova lista senza modificare la lista originale.

Le liste Sass sono basate su 1. Il primo elemento della lista si trova all'indice 1, non 0.

Di seguito è riportato un elenco di tutte le funzioni di lista in Sass:

funzione descrizione & esempio
append(elenco, valore, [separator])

aggiunge un singolo valore alla fine della lista.
Il separatore può essere auto, comma o space. auto è il valore predefinito.

Esempio:

append((a b c), d)

risultato: a b c d

append((a b c), (d), comma)

risultato: a, b, c, d
index(elenco, valore)

restituisce la posizione dell'indice del valore nella lista.

Esempio:

index(a b c, b)

risultato: 2

index(a b c, f)

risultato: null
is-bracketed(elenco)

controlla se la lista ha parentesi quadre.

Esempio:

is-bracketed([a b c])

risultato: true

is-bracketed(a b c)

risultato: false
join(list1, list2, [separator, bracketed])

inizializza list2 aggiunto a list1 alla fine.
Il separatore può essere auto, comma o space.
auto è il valore predefinito (verrà utilizzato il separatore della prima lista).
bracketed può essere auto, true o false. auto è il valore predefinito.

Esempio:

join(a b c, d e f)

risultato: a b c d e f

join((a b c), (d e f), comma)

risultato: a, b, c, d, e, f

join(a b c, d e f, $bracketed: true)

Risultato: [a b c d e f]
length(elenco)

Restituisce la lunghezza dell'elenco.

Esempio:

length(a b c)

Risultato: 3
list-separator(elenco)

Restituisce la stringa del separatore di elenco utilizzato. Può essere space o comma.

Esempio:

list-separator(a b c)

Risultato: "space"

list-separator(a, b, c)

Risultato: "comma"
nth(elenco, n)

Restituisce l'elemento n-esimo dell'elenco.

Esempio:

nth(a b c, 3)

Risultato: c
set-nth(elenco, n, valore)

Imposta il valore specificato per l'elemento n-esimo dell'elenco.

Esempio:

set-nth(a b c, 2, x)

Risultato: a x c
zip(elenchi)

Combinare elenchi in un singolo elenco multidimensionale.

Esempio:

zip(1px 2px 3px, solid dashed dotted, red green blue)

Risultato: 1px solid red, 2px dashed green, 3px dotted blue