Функции списков Sass
Функции SassФункции списков Sass используются для обработки списков, включая доступ к значениям в списке, добавление элементов в список, объединение списков и так далее.
Списки Sass неизменяемы, поэтому при обработке списков возвращается новый список, а не изменяется исходный список.
Начальное значение индекса списка равно 1; помните, это не 0.
В следующей таблице перечислены функции списков Sass:
| Функция | Описание и пример |
|---|---|
| append(list, value, [separator]) | Добавляет одно значениеvalueв конец списка.separator— это разделитель; по умолчанию он определяется автоматически, или его можно указать как запятую или пробел. Пример: append((a b c), d) Результат: a b c d append((a b c), (d), comma) Результат: a, b, c, d |
| index(list, value) | Возвращает для элементаvalueпозицию индекса в списке. Пример: index(a b c, b) Результат: 2 index(a b c, f) Результат: null |
| is-bracketed(list) | Определяет, имеет ли список скобки Пример: is-bracketed([a b c]) Результат: true is-bracketed(a b c) Результат: false |
| join(list1, list2, [separator, bracketed]) | Объединяет два списка, добавляя списокlist2к спискуlist1в конце.separator— это separator; по умолчанию определяется автоматически, или можно указать запятую или пробел.bracketedАвтоматически определяет, есть ли скобки, и может быть установлено в true или false. Пример: join(a b c, d e f) Результат: a b c d e f join((a b c), (d e f), comma) Результат: a, b, c, d, e, f join(a b c, d e f, $bracketed: true) Результат: [a b c d e f] |
| length(list) | Возвращает длину списка Пример: length(a b c) Результат: 3 |
| list-separator(list) | Возвращает тип разделителя списка. Это может быть space или comma. Пример: list-separator(a b c) Результат: "space" list-separator(a, b, c) Результат: "comma" |
| nth(list, n) | Возвращаетnзначение элемента. Пример: nth(a b c, 3) Результат: c |
| set-nth(list, n, value) | Устанавливаетnзначение элемента взначение。 Пример: set-nth(a b c, 2, x) Результат: a x c |
| zip(lists) | Группирует несколько списков по одинаковому значению индекса, чтобы сформировать новый многомерный список. Пример: zip(1px 2px 3px, solid dashed dotted, red green blue) Результат: 1px solid red, 2px dashed green, 3px dotted blue |
Другие расширения