@debug  类似于console.log

      alpha($color) /opacity($color)：获取颜色透明度值；

      rgba($color, $alpha)：改变颜色的透明度值；

      opacify($color, $amount) / fade-in($color, $amount)：使颜色更不透明；

      transparentize($color, $amount) / fade-out($color, $amount)：使颜色更透明；

    hsl($hue,$saturation,$lightness)：通过色相(hue)、饱和度(sauturation)和亮度(lightness)的值创建一个颜色；

    hsla($hue,$saturation,$lightness,$alpha)：通过色相(hue)、饱和度(suaturation)、亮度(lightness)和透明(alpha)的值创建一个颜色；

    hue($color)：从一个颜色中获取色相(hue)值；

    saturation($color)：从一个颜色中获取饱和度(saturation)值；

    lightness($color)：从一个颜色中获取亮度(lightness)值；

    adjust-hue($color,$degrees)：通过改变一个颜色的色相值，创建一个新的颜色；

    lighten($color,$amount)：通过改变颜色的亮度值，让颜色变亮，创建一个新的颜色；

    darken($color,$amount)：通过改变颜色的亮度值，让颜色变暗，创建一个新的颜色；

    saturate($color,$amount)：通过改变颜色的饱和度值，让颜色更饱和，，从而创建一个新的颜色；

    desaturate($color,$amount)：通过改变颜色的饱和度值，让颜色更少的饱和，从而创建一个新的颜色；

    grayscale($color)：将一个颜色变为灰色，相当于desaturate($oolor,100%)；

    complement($color)：返回一个补充色，相当于adjust-hue($color,180deg)；

    invert($color)：返回一个反相色，红，绿，蓝色值倒过来，而透明度不变。

rgb($red,$green,$blue)：根据红、绿、蓝三个值创建一个颜色；

rgba($red,$green,$blue,$alpha)：根据红、绿、蓝和透明度创建一个颜色；

red($color)：从一个颜色中获取其中红色值；

green($color)：从一个颜色中获取其中绿色值；

blue($color)：从一个颜色中获取其中蓝色值；

mix($color-1,$color-2,[$weight])：把两种颜色混合在一起；

type-of($value)：返回一个值得类型；

unit($number)：返回一个值得单位；

unitless($number)：判断一个值是否带有单位；

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

length($list)：返回一个列表的长度值；

nth($list, $n)：返回一个列表中制定的某个标签值；

join($list1, $list2, [$separator

)：将两个列表连接在一起，变成一个列表；

append($list1, $val, [$separator])：将某个值放在列表的最后；

zip($lists…)：将几个列表结合成一个多维的列表；

percentage($value)：将一个不带单位的数转换成百分比值；

round($value)：将数值四舍五入，转换成一个最接近的整数；

ceil($value)：将大于自己的小数转换成下一位整数；

floor($value)：将一个数去除他的小数部分；

abs($value)：返回一个数的绝对值；

min($numbers…)：找出几个数值之间的最小值；

max($numbers…)：找出几个数值之间的最大值；

用来给字符串添加引号。如果字符串，自身带有引号会统一换成双引号 ""。

使用 quote() 函数只能给字符串增加双引号，而且字符串中间有单引号或者空格时，需要用单引号或双引号括起，否则编译的时候将会报错。

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

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

格式：@each $var in <list>

$var变量名，<list>表达式

@mixin author-images {

    @each $author in $list {

        .photo-#{$author} {

            background: url("/images/avatars/#{$author}.png") no-repeat;

        }

    }

}

$list>>$author>>...

格式：

@for $i from <start> through <end>

@for $i from <start> to <end>

through表示包括end，to不包括end

@import 可以引入scss文件

rgba($color,alpha) 修改$color的透明度alpha

mix($color1,$color2,weight) weight是第一个元素的权重

red() 获取颜色中红色成分值

blue() 获取颜色中蓝色成分值

green() 获取颜色中绿色成分值

rgb

rgba

red

blue

green

mix

map-remove($map,$key):删除列表中的$key

keywords($args) 参数成对出现，key是args去掉$之后的元素，value就是$args中的value

map-values($map) 获取map列表中的所有值

map-merge($map1,$map2) 将两个map合并，如果有重复 后面的覆盖前面的

@function colors($color){    $name:map-keys($social-colors);    @if not index($name,$color){        @warn "Warning:`#{$color} is not a valid color name`";    }     @return map-get($social-colors,$color);}@each $name in map-keys($social-colors){    .btn-#{$nam3{        color:colors($name);    }}

map-keys($social-colors):获取$social-color列表中的所有key

map-has-key($map,$key):返回一个布尔值，有返回true;
没有返回false;

map-has-key($map,$key):返回一个布尔值

判断在$map中是否包含$key对应的$value

map使用括号()包裹，冒号(:)分割;逗号（,）间隔元素

最后用;（分号）结尾

相当于三元运算符：

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

condition?if-true:if-false;

comparable() 判断两个数是否可以合并

单位不一的时候，不能合并

@mixin adjust-location($x,$y){
    @if unitless($x){
        $x:$x*1px;
    }
    @else unitless($y){
        $y:$y*1px;
    }
    position:relative;
    left:$x;
    right:$y;
}

unit() 获取一个值所使用的单位,

type-of() 判断一个值是属于什么类型

type-of(blue):color

返回值：string color bool number

判断型函数：

type-of($value) ：返回一个值的类型

unit($value) :返回一个值的单位

unitless($value) ：判断以一个值是否带有单位

comparable($number-1,$number-2)：判断两个值是否作加、减和合并

join() 连接的时候 只能来连接两个列表

分割符 sperator 有两种 comma 逗号分割

space 空格分割