-
Miscellaneous函数：if($condition,$if-true,$if-false)查看全部
-
Introspection函数： 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…)：将几个列表结合成一个多维的列表； index($list, $value)：返回一个值在列表中的位置值。查看全部
-
数字函数： percentage($value)：将一个不带单位的数转换成百分比值； round($value)：将数值四舍五入，转换成一个最接近的整数； ceil($value)：将小数向上取整； floor($value)：将小数向下取整； abs($value)：返回一个数的绝对值； min($numbers…)：找出几个数值之间的最小值； max($numbers…)：找出几个数值之间的最大值； random(): 获取随机数查看全部
-
To-upper-case(); //函数将字符串小写字母转换成大写字母 To-lower-case(); //函数将字符串大写字母转换成小写字母查看全部
-
字符串函数： unquote($string)：删除字符串中的引号； quote($string)：给字符串添加引号。查看全部
-
@while循环： 只要@while后面的表达式值为真就编译查看全部
-
Sass的@for循环： @for $i from <start> through <end> //包括end @for $i from <start> to <end> //不包括end查看全部
-
@if & @else:根据条件来使用不同的样式查看全部
-
截图不公开笔记查看全部
-
through 表示包括 end 这个数，而 to 则不包括 end 这个数。查看全部
-
fdf查看全部
-
@warn @warn 和 @debug 功能类似，用来帮助我们更好的调试 Sass。如： @mixin adjust-location($x, $y) { @if unitless($x) { @warn "Assuming #{$x} to be in pixels"; $x: 1px * $x; } @if unitless($y) { @warn "Assuming #{$y} to be in pixels"; $y: 1px * $y; } position: relative; left: $x; top: $y; } @mixin adjust-location($x, $y) { @if unitless($x) {//unitless是内置函数，判断数值是否有“单位” @warn "Assuming #{$x} to be in pixels"; $x: 1px * $x; } @if unitless($y) { @warn "Assuming #{$y} to be in pixels"; $y: 1px * $y; } position: relative; left: $x; top: $y; } .botton{ @include adjust-location(20px, 30); }查看全部
-
@debug @debug 在 Sass 中是用来调试的，当你的在 Sass 的源码中使用了 @debug 指令之后，Sass 代码在编译出错时，在命令终端会输出你设置的提示 Bug: @debug 10em + 12em; 会输出： Line 1 DEBUG: 22em查看全部
-
@at-root @at-root 从字面上解释就是跳出根元素。当你选择器嵌套多层之后，想让某个选择器跳出，此时就可以使用 @at-root。来看一个简单的示例： .a { color: red; .b { color: orange; .c { color: yellow; @at-root .d { color: green; } } } } 编译出来的CSS .a { color: red; } .a .b { color: orange; } .a .b .c { color: yellow; } .d { color: green; }查看全部
举报
0/150
提交
取消