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
- sass常用函数总结
- sass 常用语法
- sass常用代码
- sass常用语法
- sass常用的功能
- SASS简单总结
- sass 学习总结
- sass 学习总结1
- sass 学习总结2
- Sass学习总结
- sass语法总结
- sass语法总结
- 【14】sass语法总结
- sass学习总结
- sass自学入门总结
- sass列表函数
- sass 颜色函数
- sass函数功能
- python -- 函数总结
- 20、Warning: there were * unresolved references to classes or interfaces.
- Spring源码分析2 — 容器启动流程
- 添加到父类视图后,subview的高度莫名发生变化
- JEESZ RestFul服务介绍
- sass常用函数总结
- Bitmap与Uri互转、Activity传递Bitmap、分享Bitmap
- ECB模式详解
- 浏览器插件开发-纯属兴趣
- [LeetCode] 564. Find the Closest Palindrome 深入浅出讲解和代码示例
- leetcode题解-86. Partition List
- Java对象、对象引用关系及参数传递讨论
- Free, simple code to find out what SQL statements are running slow in SQL Server right now
- python学习中的reduce()函数和lambda表达式