-
变量中进行运算: 比如加减乘除,在运算符两侧,要分开。比如@while循环中,条件语句 $types: $types-1; 在-两侧如果不分开,则会报错,所以正确的写法是:$types:$types - 1;查看全部
-
【SASS】 length($list)返回一个列表的长度值 nth($list, $n)返回一个列表中指定的某个标签值 join($list1, $list2, [$separator])将两个列给连接在一起变成一个列表 append($list1, $val, [$separator])将某个值放在列表的最后 zip($lists…)将几个列表结合成一个多维的列表 index($list, $value)返回一个值在列表中的位置值。查看全部
-
【SASS】 quote函数:使用 quote() 函数只能给字符串增加双引号,而且字符串中间有单引号或者空格时,需要用单引号或双引号括起。查看全部
-
【SASS】 @for循环中,through 表示包括 end 这个数,而 to 则不包括 end 这个数。查看全部
-
空间里查看全部
-
@debug 类似于console.log
查看全部 -
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…):将几个列表结合成一个多维的列表;
查看全部 -
用来给字符串添加引号。如果字符串,自身带有引号会统一换成双引号 ""。
使用 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文件
查看全部
举报