如何推荐SASS可变

Question

我有这个在我的SASS：

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

如果我使用

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

这是行不通的。我在$colors阵列中如何参考primary？

Answer 1

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

在你的榜样，访问主色，你这样做：

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

有一个在thesearticles上SASS地图一些更多的信息。