较少未定义的方法错误

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

来自fine manual：

  

<强>变暗

     

以绝对量减少颜色的亮度。

     

参数：

     

  
• color：一个颜色对象。
  
• amount：百分比0-100％。
  

     

返回：color

darken函数需要颜色，但@navbarBackground是背景图片的网址。您收到有关toHSL的投诉，因为LESS正在尝试将颜色转换为HSL格式，以使计算变暗变得容易。

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

Answer 2

您在暗化方法中缺少@，即

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