3.Scss的数据类型---承接上面

div

{
    font: Arial, Helvetica, sans-serif;
    margin: 20px 40px;
    border: 1px solid gray;
}
6.Map值
在Sass中,还为我们提供了另外一种特殊数据类型:Map值。Map值跟JSON值是非常相似的,数据都是以“键/值”的方式成对出现。
  语法:
         $变量名:
      (
        键名1:1,
        键名2:2,
        ……
        键名n:值n
       );
       

说明:

Map值的语法结构都是以“(”开始,到“)”结束的。其中“键名”和“值”之间用英文冒号构成对,两个“键名:值”之间用英文逗号分隔。此外还要注意一下,最后一对“键/值”后面是不需要逗号的

举例:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
$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
    )
);
原文地址:https://www.cnblogs.com/hou-yuan-zhen/p/11615334.html