如何避免在_variables.scss中重复Sass变量名？

我有_variables.scs，它的结构如下

我在重复变量名

$slot-

。有没有一种方法可以做到：

$slot {
  &-width: 100px;
  &-height: 10px;
  &-title {
    &-width: 80px;
    &-height: 10px;
  }
}

它可以编译为上述内容？

您可以使用：

您可以使用：

此外，这里有一篇关于的好文章

---

但是，继续使用带有连字符的正则变量可能会更容易，正如您已经使用的那样。

您的意思是，重复变量名可能比使用Sass映射更容易？@thinkvantagedu-Yeah。但是试一下，看看你是否喜欢它。这是在有效声明变量和以后应用变量时有效使用变量之间的折衷。

$slot {
  &-width: 100px;
  &-height: 10px;
  &-title {
    &-width: 80px;
    &-height: 10px;
  }
}

$slot: (
    "width": 100px,
    "height": 10px
);

.some_bem__selector { width: map-get($slot, width); }

$slot: (
  "width": 100px,
  "height": 10px,
  "title": (
    "width": 80px,
    "height": 10px
  )
);