Map

Sass 的map 常常被称为数据地图,也有称为数组。类似JSON 数据

$map:(
    $key1:value1,
    $key2:value2,
    $key3:value3
    );
//map 嵌套 map
$map:(
    $key1:value1,
    $key2:(
            key-1:value-1,
            key-2:value-2,
        ),
    $key3:value3
    );

管理颜色的变量(换皮肤)

$theme-color:(
    default:(
        bgcolor:#fff,
        text-color:#444,
        link-color:#39f
    ),
    primary:(
        bgcolor:#000,
        text-color:#fff,
        link-color:#93f
    ),
    negative:(
        bgcolor:#f36,
        text-color:#fefefe,
        link-color:#d4e
    )
)

Sass 中map 自带七个函数:

map-get($map,$key) 根据给定的key 值,返回map 中相关值
map-merge($map1,$map2) 将两个map 合并成一个新的map
map-remove($map,$key) 从map 中删除一个key,返回一个新map
map-keys($map) 返回map 中所有key 值
map-has-key($map,$key) 根据给定的key 值判断map 是否对应的value 值,如果有返回true,否则返回false
keywords($args) 返回一个函数参数,这个参数可以动态的设置key 和value
posted @ 2017-08-23 15:56  会爬树的猪日月  阅读(75)  评论(0)    收藏  举报