这个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%)或白色
原文地址:https://www.jb51.cc/css/214604.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。