-
声明map之后必须在结尾加上;，否则无法通过编译
查看全部 -
命令提示符中操作
nth((1px solid #ccc) 20px 5em 6% 3in scaleX(1.5), 6)
输出结果
scaleX(1.5)
查看全部 -
示例代码需要在终端中操作
cmd sass -i length(20px 4em)
>> 2
查看全部 -
应用:
用户在调用混合宏时，使用unitless()判断用户有没有给参数值加上单位，如果没有,再加入单位。
查看全部 -
从测试的效果中可以看出，unquote( ) 函数只能删除字符串最前和最后的引号（双引号或单引号），而无法删除字符串中间的引号。如果字符没有带引号，返回的将是字符串本身
查看全部 -
在使用 @media 时，还可以使用插件#{}:
$media: screen; $feature: -webkit-min-device-pixel-ratio; $value: 1.5; @media #{$media} and ($feature: $value) { .sidebar { width: 500px; } }编译出来的 CSS：
@media screen and (-webkit-min-device-pixel-ratio: 1.5) { .sidebar { width: 500px; } }查看全部 -
这样做的好处是，修改一个变量，就能实现另外一套色卡。
查看全部 -
zip()函数将多个列表值转成一个多维的列表：
>> zip(1px 2px 3px,solid dashed dotted,green blue red) ((1px "solid" #008000), (2px "dashed" #0000ff), (3px "dotted" #ff0000))
在使用zip()函数时，每个单一的列表个数值必须是相同的：
>> zip(1px 2px 3px, solid , green blue red) NoMethodError: undefined method `options=' for nil:NilClass Use --trace for backtrace.
否则将会出错。
查看全部 -
>> round(3px / 2em) 2px/em
在round() 函数中可以携带单位的任何数值。
查看全部 -
nth() 标签从1开始
查看全部 -
percentage : 参数是不带单位的数值
查看全部 -
to-upper-case : 字符串转大写
to-lower-case : 字符串转小写
查看全部 -
quote() 只能添加双引号，如果字符串本身由引号括起，则只把引号变成双引号，并不再添加引号。如果字符串中间有特殊符号，空格，引号等，需要用引号括起。
查看全部 -
upquote() : 给字符串删除引号
quote() : 给字符串添加引号
查看全部 -
应用场景： 用 map 可以很容易收集键的值和动态插入。如果哪一天，你需要新增加颜色变量值，在 map 中可以非常随意的添加。查看全部
举报
0/150
提交
取消