1. 多个颜色管理
~~~
$colors:(
bg:#eee,
text-color:#333,
primary:#ff2d51
);
//自定义函数
@function color($key) {
@if map-has-key($colors, $key) {
@return map-get($colors, $key);
}
@warn "Unknown `#{$key}` in $colors.";
@return null;
}
div{
background: color(bg)
}
//通过自定义的方法来改颜色
div{
color:map-get($map: $colors, $key: text-color)
}
~~~
