这个sass片段:
$red: #f00 $lightred: lighten($red,50%) body background: $lightred
被解析为:
body { background: white; }
如果你反而做45%而不是50%,它似乎按预期工作:
$lightred2: lighten($red,45%) ... background-color: #ffe5e5
为什么这变成白色而不是预期的50%的红色?
你可以看到它在这里http://tinkerbin.com/OefelPoi
(注意 – 保存功能似乎有一个错误,在css区域,再次选择Sass Old Syntax,然后重新运行)
更新 –
结束我想要的是将白色与原始颜色混合以获得有色阴影:
mix($color,white,10%)
解决方法
因为减轻功能是用HSL颜色描述的,你的红色#f90被翻译成hsl(0,100%,50%)
所以减轻($lightred,50%)等于hsl(0,100%)或白色