指南针忽略SCSS文件中的色调和阴影功能

使用罗盘编译一些SCSS文件时遇到问题.基本上,色调和阴影功能被忽略.所以这：

border:solid 1px tint( $custom-ui-base-color,5% );
background-color:shade( $custom-ui-base-color,15% );

成为这个：

border: solid 1px tint(#096fcb,5%);
background-color: shade(#096fcb,15%);

这显然是无效的CSS.指南针已经替换了变量而没有计算出函数,有什么理由可以解决这个问题吗？指南针中的设置或命令行参数可能吗？

解决方法

我知道这已经很晚了,但是在我发现我可以使用mix()函数之前我遇到了同样的问题.也许这会对其他人有所帮助. mix()可以用您想要的任何颜色着色您现有的颜色.所以要将它染成白色(这似乎是你想要的),你就这样做：

$color：mix(白色,$color,15％);

第一个参数是您希望主要颜色着色的颜色,第二个参数是您的颜色,第三个参数是您希望与主要颜色混合的颜色数量(在这种情况下为白色).

所以在我的情况下,我混合了15％的白色.