如何引用SASS变量

Question

我在SASS中有这个：

pod update

如果我使用

$colors: (
  primary:    #f6861f,
  secondary:  #32db64,
  danger:     #f53d3d,
  light:      #f4f4f4,
  dark:       #222
);

它没有用。如何在我的.menu-inner .scroll-content{ background: $colors['primary']; } 数组中引用primary？

Answer 1

你的语法不太正确 - 你不能在SASS中使用C风格的关联数组;你需要使用map-get函数。

在您的示例中，要访问主要颜色，您可以执行此操作：

.menu-inner .scroll-content {
    background: map-get($colors, primary);
}

these articles中有关于SASS地图的更多信息。