以编程方式创建 Sass 映射

Question

我想使用Sass创建一个大小映射：

$map: (0: 0, 1: 5px, 2: 10px, 3: 15px, 4: 20px, ..., 10: 50px)

我试图自己做，但得到了expected 1 selector or at-rule, was map-merge错误。

$map: (0: 0)
@for $i from 1 through 10
map-merge($map, ($i: 5px * $i))

我做错了什么？

Answer 1

试试这个：

$map: (0: 0);
@for $i from 1 through 10 {
$map: map-merge($map , ($i: 5px * $i));
}

我为您创建一个测试：https://www.sassmeister.com/gist/ad0ece85c3d6e779eef4876cf72f96a4