数字内置函数:
percentage(), round(), ceil(), floor(), abs(), min(), max(), random()
数组内置函数:
length(),
nth($list, $n),
set-nth($list, $n, $value), //取索引对应的值
join($list1, $list2), //拼接数组
append($list, $val, [$separator]) // 从数组尾部添加元素
index($list, $value)
字符串内置函数
unquote()
quote()
str-length() // 获取字符串长度
str-insert($string, $insert, $index) // 在指定位置插入字符
str-index($string, $substring) // 返回指定字符在字符串的位置
to-upper-case()
to-lower-case()
map内置函数
map-get($map, $key) // 根据key返回map相关的值
map-merge($map1, $map2) // 将两个map合并成一个新的map
map-remove($map, $key) // 从map中删除一个key,返回新的map
map-keys($map)
map-values($map)
map-has-key($map, $key) // 根据给定的key值判断map是否有对应的value值。返回true | false
keywords($args): 返回一个函数的参数,这个参数可以动态设置key和value
注:以上括号均是非空项。
自定义函数 // scss中以函数名调用
Sass之mixin与#{}
#{}为插值表达式,可以是计算内容。
@mixin clearLRMargin($num, $child) {
&:nth-child(#{$num}n - #{$num - 1}) #{$child} {
margin-left: 0;
}
&:nth-child(#{$num}n) #{$child} {
margin-right: 0;
}
}