Sass Функции списка
Sass Функции списка
Функции списка используются для доступа к значениям в списке, объединения списков и добавления элементов в списки.
Списки Sass неизменяемы (они не могут быть изменены). Т.о., функции списка, возвращающие список, будут возвращать новый список и не изменять исходный список.
Списки Sass начинаются с 1. Первый элемент списка имеет индекс 1, а не 0.
В следующей таблице перечислены все функции списков в Sass:
| Функция | Описание & Пример |
|---|---|
| append(list, value, [separator]) | Добавляет одно значение в конец списка. separator может быть auto, запятая или пробел. Auto является по умолчанию. Пример: append((a b c), d) Результат: a b c d append((a b c), (d), comma) Результат: a, b, c, d |
| index(list, value) | Возвращает позицию index для значения в списке. Пример: 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 может быть auto, запятая или пробел. Auto является по умолчанию (будет использоваться разделитель в первом списке). Заключенные в квадратные скобки могут быть auto, true и false. Auto является по умолчанию. Пример: 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) | Возвращает используемый разделитель списка в виде строки. Может быть либо пробелом, либо запятой. Пример: 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 |
