Sass 使用SCS生成多个类

我想为间隔设置几个类，如下所示：

.spacing-top-20 {
  margin-top: 20px;
}
.spacing-top-40 {
  margin-top: 40px;
}
.spacing-top-60{
  margin-top: 60px;
}

//and so on...

---

有没有可能让SCS以某种方式生成多个非常相似的类？我知道这将是一个很好的使用mixin的案例，但是您仍然会为您想要的每个间距写下它。

您可以使用

@for

指令：

@for $i from 1 to 4 {
    .spacing-top-#{$i * 20} { margin-top: $i * 20px }
}

---

您可以将

@用于

指令：

@for $i from 1 to 4 {
    .spacing-top-#{$i * 20} { margin-top: $i * 20px }
}

---

哇！我希望这样的事情存在！这是我一直在寻找的，它的工作！谢谢！：）哇！我希望这样的事情存在！这是我一直在寻找的，它的工作！谢谢！：）