在SASS中有没有办法通过类传递参数？

我想要实现的是这样的目标：

.indent-me-($num) {
    text-indent: ($num * 2.5em);
}

因此，如果我将类

indent-me-10

添加到某个元素中，它将收到样式

text indent:25em

。我想这样做是因为1）我需要相当大的灵活性（可能不会有超过4级左右的“缩进”，但我希望涵盖我的所有基础-这些类将由javascript逻辑生成，我不会将它们硬编码到HTML中），以及2），我不愿意用像SASS这样聪明的语言写下面这样的东西。我对它的所有复杂之处都不太熟悉，所以我觉得我一定错过了什么

.indent-me-1 { text-indent: 2.5em; }
.indent-me-2 { text-indent: 2 * 2.5em; }
.indent-me-3 { text-indent: 3 * 2.5em; }
.indent-me-4 { text-indent: 4 * 2.5em; }
...

---

您可以通过结合使用SCSS插值和循环来实现这一点

使用

{$variable}

$num: 1;
.indent-me-#{$num} {
    text-indent: ($num * 2.5em);
}

还有一个

@for

循环也可以实现这一点

@for $num from 1 through 10 {
  .indent-me-#{$num} {
    text-indent: ($num * 2.5em);
  } 
}