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
本文详细介绍了 Sass 中的各类函数,包括数学函数如 abs、round 和 percentage,字符串操作函数如 to-upper-case 和 str-length,颜色处理函数如 adjust-hue 和 transparentize,以及列表和映射(map)的相关操作。
648

被折叠的 条评论
为什么被折叠?



