Variables 是否可以在SASS每个循环中动态使用变量名？

这是一个简化的例子。我想做的是使用数组中的项来输出我以前创建的变量值。下面试图通过连接“$”来创建变量的语法显然是错误的，但我使用它来明确我要做什么

$puma-width: 100px;
$slug-width: 200px;

@each $animal in puma, slug {
  .#{$animal}-title {
    width: $+#{$animal}-width;
  }
}

期望输出：

.puma-title {
   width: 100px;
}
.slug-title {
   width: 200px;
}

---

这也是我在SASS中想要的，但在阅读了他们的讨论列表后，我得出结论，这种变量插值还不受支持

---

我没有减少尝试，但他们建议可以使用@语法。

另一种方法是为@each指令传递一个映射，而不是项列表。以下工作将起作用：

@each $animal, $width in (puma, 100px),
                         (slug, 200px) {
  .#{$animal}-title {
    width: #{$width};
  }
}