css - 较少未定义的方法错误

Question

我有以下较少的编译错误。我的少低于不确定是什么原因造成的。

undefined_methodError: error evaluating function `darken`: Object #<Object> has no method 'toHSL' in /Users/anderskitson/Sites/mrskitson.ca/wp-content/themes/wordpress-bootstrap/library/less/variables.less:164:34
163 @navbarBackground:                "../images/nav.png";
164 @navbarBorder:                    darken(@navbarBackground, 12%);
165

(This action was triggered by a change to navbar.less)

少文件

@navbarBackground: "../images/nav.png";
background: url("{@navbarBackground}");

Answer 1

来自精美手册：

变暗

将颜色的亮度降低绝对量。

参数：

• color: 颜色对象。
• amount：百分比 0-100%。

回报：color

该darken函数需要颜色，但您@navbarBackground是背景图像的 URL。您收到投诉是toHSL因为 LESS 试图将颜色转换为 HSL 格式以使变暗计算更容易。

我不知道通过 LESS 使图像变暗的任何方法，您可能需要手动使图像变暗并根据需要在它们之间切换。

Answer 2

您缺少一个@in darken 方法，即

@navbarBorder:darken(@navbarBackground, 12%);