Funkcje list Sass

Funkcje list Sass

Funkcje listy służą do dostępu do wartości w liście, kombinacji list oraz dodawania elementów do listy.

Listy w Sass są niemodified (nie można ich zmieniać). Dlatego funkcje zwracające listy zwracają nową listę, nie zmieniając oryginalnej listy.

Listy w Sass są liczone od 1. Pierwszy element listy znajduje się na indeksie 1, a nie 0.

Poniżej znajduje się lista wszystkich funkcji list w Sass:

Funkcja Opis & Przykład
append(list, value, [separator])

Dodaj pojedynczą wartość na koniec listy.
Separator może być auto, comma lub space. auto to wartość domyślna.

Przykład:

append((a b c), d)

Wynik: a b c d

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

Wynik: a, b, c, d
index(list, value)

Zwraca pozycję indeksową wartości w liście.

Przykład:

index(a b c, b)

Wynik: 2

index(a b c, f)

Wynik: null
is-bracketed(list)

Sprawdź, czy lista zawiera nawiasy kwadratowe.

Przykład:

is-bracketed([a b c])

Wynik: true

is-bracketed(a b c)

Wynik: false
join(list1, list2, [separator, bracketed]

Dodaj list2 dodaj do list1 na końcu.
Separator może być auto, comma lub space.
auto to wartość domyślna (użyje separatora z pierwszej listy).
bracketed Można użyć auto, true lub false. auto to wartość domyślna.

Przykład:

join(a b c, d e f)

Wynik: a b c d e f

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

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

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

Wynik: [a b c d e f]
length(list)

Zwraca długość listy.

Przykład:

length(a b c)

Wynik: 3
list-separator(list)

Zwraca używaną jako separator listy ciąg znaków. Może to być space lub comma.

Przykład:

list-separator(a b c)

Wynik: "space"

list-separator(a, b, c)

Wynik: "comma"
nth(list, n)

Zwraca nr n-tego elementu listy.

Przykład:

nth(a b c, 3)

Wynik: c
set-nth(list, n, value)

Ustawia wartość określonego elementu listy nr n.

Przykład:

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

Wynik: a x c
zip(lists)

Złącz listy w jedną wielowymiarową listę.

Przykład:

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

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