Sass 如何访问具有多个属性的SCSS变量

我正在使用一个将变量作为多个属性的SCSS框架。如何访问和使用这些变量

我可以使用具有CSS属性（如颜色）的变量。但是其他变量有多个CSS属性。我如何在我的SCS中使用它？我尝试了@include和@extend，但出现了一个错误

以下是我可以使用的正常变量：

$hover: #e5e5e5,

下面是一个具有多重css属性的变量，我不知道如何使用它

$heading: (
font-size: 2rem,
font-weight: 400,
line-height: 1rem,
letter-spacing: 0.5px, )

谢谢

这是多么正确

%message-shared {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: 0.5px;
}

.message {
  @extend %message-shared;
}

---

这不仅仅是一个常规变量，而是一个映射。结帐：了解详情

您可以这样使用它：

font-size: map.get($heading, font-size);