css - compass 忽略 SCSS 文件中的色调和阴影功能

Question

我在使用 compass 编译一些 SCSS 文件时遇到了问题。基本上 tint 和 shade 函数被忽略了。所以，这:

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。 Compass 替换了变量但没有计算函数，有什么原因可能是这种情况吗？可能是 compass 中的设置或命令行参数？

Answer 1

我知道这已经晚了，但我遇到了同样的问题，直到我发现我可以只使用 mix() 函数。也许这会对其他人有所帮助。 mix() 可以用您想要的任何颜色为现有颜色着色。所以要将它染成白色(这似乎是你想要的)，你只需这样做:

$color: mix(white,$color, 15%);

第一个参数是您希望主色着色的颜色，第二个参数是您的颜色，第三个参数是您想要与主色混合的颜色量(在本例中为白色)。

所以在我的例子中，我混合了 15% 的白色。