sass常用函数总结

来源:互联网 发布:淘宝刷两单会坐牢吗 编辑:程序博客网 时间:2024/06/05 22:33

sass -i

number:
abs()绝对值
round()四舍五入
cell()向上取整
floor()向下取整
percentage()百分号数字
min(1,2,3)取最小值
max(1,2,3)取最大值

string: 带引号可以有空格 不带引号不能有空格
+ 连接两个字符串 得到有引号或者不带引号的字符串 带不带看第一个是带
- /这两个是用对应符号连接 1-2、1/2

字符串函数:
to-upper-case(变量名&内容)转换为大写
to-lower-case(变量名&内容)转换为小写
str-length(变量名&内容)字符数
str-index(变量名&内容,“hello”)判断位置
str-insert(变量名&内容,“net”,“3”)插入字符串

color颜色
RGB 普通 hsl #134655 四种表示方法
先确定一个变量 $base-color-hsl:hsl(0,50%,50%)

color 函数
adjust-hue(变量名&内容,135deg)//将该颜色调整135deg,编译之后都会编译成十六进制的颜色
lighten(变量名&内容,10%)增加10%明度
darken(变量名&内容,10%)减小10%明度
saturate(变量名&内容,50%)增加10%饱和度
desaturate(变量名&内容,50%)减小10%饱和度
transparentize(变量名&内容,0.2)减小0.2透明度
opacify(变量名&内容,0.2)增加0.2不透明度

list 像1px solid red 这样的

list函数:
length(1px solid red)//3 长度
nth(5px 10px,1) //5px 返回对应内容
index(5px 10px,5px)判断列表里的项目位置
append(5px 10px,5px,第三个参数)//插入到后面
join(5px 10px,5px 0,第三个参数)//组合在一起 第三个参数是用啥符号分割 sapce common auto

$map:(key1:value1,key2:value2)
length(变量名&内容) //2
map-get(变量名&内容,2)//key2:value2 找到对应的值
map-keys(变量名&内容)//返回所有key
map-values(变量名&内容)//返回所有value
map-has-key(变量名&内容,key1)判断是否有这个key
map-merge(变量名1&内容2,变量名1&内容2)//(变量名1&内容2,变量名1&内容2) 合并
map-remove(变量名&内容,key1) 移除某个key

原创粉丝点击