-
在网格系统中生成各个格子： //SCSS $grid-prefix: span !default; $grid-width: 60px !default; $grid-gutter: 20px !default; %grid { float: left; margin-left: $grid-gutter / 2; margin-right: $grid-gutter / 2; } @for $i from 1 through 12 { .#{$grid-prefix}#{$i} { width: $grid-width * $i + $grid-gutter * ($i - 1); @extend %grid; } }查看全部
-
@for $i from <start> through <end> @for $i from <start> to <end> 这两个的区别是关键字 through 表示包括 end 这个数，而 to 则不包括 end 这个数。 @for $i from 1 through 3 { .item-#{$i} { width: 2em * $i; } } @for $i from 1 to 3{ .item-#{$i} { width: 2em * $i; } } @for $i from 0 through 10 { .item#{$i} { background-position: 0 - 10px*$i; } }查看全部
-
如果 $map1 和 $map2 中有相同的 $key 名，那么将 $map2 中的 $key 会取代 $map1 中的查看全部
-
调用混合宏时，会给参数自动加上单位查看全部
-
length() 函数中的列表参数之间使用空格隔开，不能使用逗号查看全部
-
字符串函数quote( str ) 字符串中间有单引号或者空格时，需要用单引号或双引号括起，否则编译的时候将会报错。 碰到特殊符号，比如： !、?、> 等，除中折号 - 和 下划线_ 都需要使用双引号括起。查看全部
-
主要包括： 字符串函数 数字函数 列表函数 颜色函数 Introspection 函数 三元函数等 当然除了自备的函数功能之外，我们还可以根据自己的需求定义函数功能，常常称之为自定义函数。查看全部
-
@for $i from <start> through <end> @for $i from <start> to <end> $i 表示变量 start 表示起始值 end 表示结束值 这两个的区别是关键字 through 表示包括 end 这个数，而 to 则不包括 end 这个数。查看全部
-
@for $i from start through end @for $i from start to end through表示包括end，to表示不包括end查看全部
-
若计算的结果小于0，则会以0计算，表示全透明查看全部
-
获取透明度：alpha()、opacity() 若颜色没有指定透明度，则返回1查看全部
-
颜色透明：opacity()函数 alpha($color)/opacity($color):获取颜色透明度 rgba($color,$alpha):改变颜色透明度 opacify($color,$amount)/fade-in($color,$amound):使颜色更不透明 transparentize($color,$amount)/fade-out($color,$amount)：使颜色更透明查看全部
-
adjust-hue()函数，色相修改范围为（-360deg,360deg）或百分比查看全部
-
hsl($hue,$saturation,$lightness)通过设置色相值、饱和度、亮度来创建一种颜色 hsla($hue,$saturation,$lightness,$alpha)通过设置色相值、饱和度、亮度、透明度来创建一种颜色 hue($color)获得颜色的色相，同理saturation($color)、lightness($color) adjust-hue($color,$newhue)更改颜色的色相值（数值deg或百分比） saturate($color,$math)增强颜色的饱和度（百分比） desaturate($color,$math)减弱颜色的饱和度（百分比） lighten($color,$math)增强颜色的亮度（百分比） darken($color,$math)减弱颜色的亮度（百分比） grayscale($color)将颜色更改为灰色 invert($color)将颜色的相色反向，红绿蓝的值倒过来，透明度不变 complement($color)返回一个补充色查看全部
-
mix($color-1,$color-2)将两种颜色混合，默认50%，即两种颜色各一半。 mix($color1,$color2,.25) 表示第一种颜色占百分之二十五，第二种七十五。查看全部
举报
0/150
提交
取消