number类型
编译后
color类型:
编译后
string类型
编译后
list数组类型
nth(list, num) 获取list数组中的下标为num的元素
注意num下标是从1开始的
编译后
index(list, str) 返回str在list数组中的下标
编译后
map 数组类型(有点类似js中的对象)
map-get(map, key) 获取指定key对应的属性值
@each $key,$value in map{ } 遍历map数组
sass加减乘除基本运算
编译后
除法常见问题:
这种写法无法正常计算
编译后:
正确写法:
运算用圆括号括起来
在乘法和除法中,多个数值只要写一个单位即可
编译后
通过变量方式运算可以不加括号
编译后
混合运算:
编译后
颜色运算:
mix() 混合色
red() 取红色值
rgb() 拼接成rgb色
编译后
字符串运算:
字符串拼接 加号
混合宏 mixin
一般mixin(简单)
编译后
嵌套mixin
编译后
参数mixin
编译后