@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(): 获取随机数
- 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);
sass
原文:https://www.cnblogs.com/xiumumi/p/9742913.html