SASS中基于类名的计算

Question

我使用的是SASS和角6，类名level是在带有动态后缀的javascript中生成的，例如level-1或level-10。我想要计算scss文件中的填充取决于那个后缀。应该是这样的：

级别-${填充-左: calc($*10)px }

有可能吗？

Answer 1

是的，您可以用SASS编写一个循环来生成类，例如这样。

@for $i from 1 through 10 {
  .levels-#{$i} {
    padding-left: 10px * $i;
  }
}