sass 函数

1. 字符串函数

• unquote（$string）：删除字符串中的引号；
• quote（$string）：给字符串添加引号；
• To-upper-case（$string）：将字符串小写字母转换为大写字母
• To-lower-case（$string）：将字符串大写字母转换为小写字母

（1） unquote（$string）

unquote函数主要功能是删除字符串中的引号：

• 不管是双引号还是单引号包裹的字符串，引号皆被去掉；
• 只能删除字符串最前边和最后边的引号，没法去掉中间的引号；
• 如果字符串没有带引号，则返回原字符串；
• 若引号中，有半个不成对的引号。

2. 数字函数

• percentage($value)：将不带单位的数转换成百分比值；
• round($value)：将数值四舍五入，转换成一个最接近的整数；
• ceil($value)：向上取整；
• floor($value)：向下取整；
• abs($value)：取数的绝对值；
• min($numbers…)：找出几个数值之间的最小值；
• max($numbers…)：找出几个数值之间的最大值；
• random(): 获取随机数
  Sass的数字函数和JavaScript的Math对象方法基本相似：

3. 列表函数

• length($list)：返回一个列表的长度值;
• nth($list, $n)：返回一个列表中指定的某个标签值;
• join($list1, $list2, [$separator])：将两个列给连接在一起，变成一个列表；
• append($list1, $val, [$separator])：将某个值放在列表的最后；
• zip($lists…)：将几个列表结合成一个多维的列表；
• index($list, $value)：返回一个值在列表中的位置值。

4. Introspection函数

• type-of($value)：返回一个值的类型;
• unit($number)：返回一个值的单位;
• unitless($number)：判断一个值是否带有单位;

• comparable($number-1, $number-2)：判断两个值是否可以做加、* 减和合并.

  #### 5. 三元条件函数

if($condition,$if-true,$if-false);

 
 #### 6.Maps的函数

*   map-get($map,$key)：根据给定的 key 值，返回 map 中相关的值；
*   map-has-key($map,$key)：根据给定的 key 值判断 map 是否有对应的 value 值，如果有返回 true，否则返回 false。
*   map-keys($map)：返回 map 中所有的 key。
*   map-values($map)：返回 map 中所有的 value。
*   map-merge($map1,$map2)：将两个 map 合并成一个新的 map。
*   map-remove($map,$key)：从 map 中删除一个 key，返回一个新 map。
*   keywords($args)：返回一个函数的参数，这个参数可以动态的设置 key 和 value。

  
  
### 7. 自定义函数

@function column-width($col, $total) {

@return percentage($col/$total);

}

.col-3 {

width: column-width(3,8);

}

.col-5 {

width: column-width($total:5, $col:8);

}

  

  
作者：四小七  
[链接](https://www.jianshu.com/p/ef2ca6fbf944)  
来源：简书