sass

Posted 2021-01-10 xiumumi

@mixin   @include 混合器

@extend 继承

% 占位符

unquote($string)：删除字符串中的引号；

@at-root 转为CSS时 不包含嵌套 

 

 

quote($string)：给字符串添加引号

To-lower-case() 函数 与 To-upper-case() 刚好相反，将字符串转换成小写字母：

•       percentage($value)：将一个不带单位的数转换成百分比值；
•       round($value)：将数值四舍五入，转换成一个最接近的整数；
•       ceil($value)：上取整；
•       floor($value)：下取整；
•       abs($value)：返回一个数的绝对值；
•       min($numbers…)：找出几个数值之间的最小值；
•       max($numbers…)：找出几个数值之间的最大值；
•       random(): 获取随机数

 

•       length($list)：返回一个列表的长度值；
•       nth($list, $n)：返回一个列表中指定的某个标签值  

  >> nth(10px 20px 30px,1)
  10px

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

 

• type-of($value)：返回一个值的类型
• unit($number)：返回一个值的单位
• unitless($number)：判断一个值是否带有单位
• comparable($number-1, $number-2)：判断两个值是否可以做加、减和合并

 

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

>> if(true,1px,2px)
1px
>> if(false,1px,2px)
2px

 

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

mix($color-1,$color-2,$weight);

mix(#f00, #00f) => #7f007f
mix(#f00, #00f, 25%) => #3f00bf

rgba($red,$green,$blue,$alpha)  //将一个rgba颜色转译出来，和未转译的值一样
rgba($color,$alpha)  //将一个Hex颜色转换成rgba颜色

 border-color: rgba(green,.5);

 border-color: rgba(0, 128, 0, 0.5);