是否可以在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>);

当索引为负数时，将从$ list的末尾取值。