Есть ли способ создать большой список в SCSS?

Question

Мне нужен такой список:

$list: (
 1: 1px,
 2: 2px,
 3: 3px;
 .
 .
 .
);

До 100. Есть ли способ сделать это с какой-то функцией SCSS?

Answer 1

Это создаст список в точности так, как просили.Обратите внимание, что значения индекса нельзя добавить в список, поскольку список может хранить только значение для каждой записи, а не пару ключ-значение.

В этом примере используется цикл for и append функция

$list: ();

@for $i from 1 through 100 {
    @debug append($list, 0px + $i)
}

Для извлечения элементов по определенным индексам вы можете использовать:

@debug nth($list, <index here>);

Когда индекс отрицательный, значения будут принятыс конца списка $.