Fonctions de liste Sass

Fonctions de liste Sass

Les fonctions de liste sont utilisées pour accéder aux valeurs de la liste, combiner des listes et ajouter des éléments à la liste.

Les listes Sass sont immuables (elles ne peuvent pas être modifiées). Par conséquent, les fonctions retournant une liste de listes renverront une nouvelle liste sans modifier la liste originale.

Les listes Sass sont basées sur 1. Le premier élément de la liste se trouve à l'index 1,而非 0.

Voici une liste de toutes les fonctions de liste dans Sass :

Fonction Description & exemple
append(list, value, [séparateur])

Ajoute une valeur individuelle à la fin de la liste.
Le séparateur peut être auto, comma ou space. auto est la valeur par défaut.

Exemple :

append((a b c), d)

Résultat : a b c d

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

Résultat : a, b, c, d
index(list, value)

Retourne la position de l'indice de la valeur dans la liste.

Exemple :

index(a b c, b)

Résultat : 2

index(a b c, f)

Résultat : null
is-bracketed(list)

Vérifie si la liste contient des crochets.

Exemple :

is-bracketed([a b c])

Résultat : true

is-bracketed(a b c)

Résultat : false
join(list1, list2, [séparateur, bracketed])

transforme list2 ajouté à list1 à la fin.
Le séparateur peut être auto, comma ou space.
auto est la valeur par défaut (le séparateur sera celui de la première liste).
bracketed Il peut être auto, true ou false. auto est la valeur par défaut.

Exemple :

join(a b c, d e f)

Résultat : a b c d e f

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

Résultat : a, b, c, d, e, f

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

Résultat : [a b c d e f]
length(list)

Retourner la longueur de la liste.

Exemple :

length(a b c)

Résultat : 3
list-separator(list)

Retourner sous forme de chaîne le séparateur de liste utilisé. Cela peut être space ou comma.

Exemple :

list-separator(a b c)

Résultat : "espace"

list-separator(a, b, c)

Résultat : "virgule"
nth(list, n)

Retourner l'élément n-ième de la liste.

Exemple :

nth(a b c, 3)

Résultat : c
set-nth(list, n, value)

Définir le n-ième élément de la liste en fonction de la valeur spécifiée.

Exemple :

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

Résultat : a x c
zip(lists)

Combiner des listes en une seule liste multidimensionnelle.

Exemple :

zip(1px 2px 3px, solide tiret pointillé, rouge vert bleu)

Résultat : 1px solide rouge, 2px tiret vert, 3px pointillé bleu