Css 如何引用SASS变量

我有这样的话：

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

如果我使用

.menu-inner .scroll-content{
    background: $colors['primary'];
}

---

它不起作用。如何在我的

$colors

数组中引用

primary

；您需要改用

map get

函数

在您的示例中，要访问原色，请执行以下操作：

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

在中有更多关于SASS地图的信息