twitter-bootstrap – LESS&Bootstrap:错误评估函数`darken`:color.toHSL不是文件中的函数

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – LESS&Bootstrap:错误评估函数`darken`:color.toHSL不是文件中的函数前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用MobileAngularUI框架.

当gulp任务构建我的应用程序时,LESS源文件覆盖了一些Bootstrap变量,我得到一个奇怪的错误

Error evaluating function `darken`: color.toHSL is not a function in file /Users/fabio/mobileangularui/bower_components/bootstrap/less/variables.less line no. 382

在我的LESS文件中,我覆盖了一些像这样的变量,例如:

@brand-primary: #FF9900;
@my-navbar-link-color: #3399CC;

@navbar-default-color: @brand-primary;
@navbar-default-link-color: @my-navbar-link-color;

有什么问题,为什么我会收到这个错误

提前致谢!

解决方法

在variables.less中,使用@ navbar-default-brand-color变量:
@navbar-default-brand-color: @navbar-default-link-color;
@navbar-default-brand-hover-color: darken(@navbar-default-brand-color,10%);

你得到的错误是因为变暗功能(LESS本机功能)无法解析你的@ my-navbar-link-color,所以检查你是否有一个有效的颜色(在代码片段中,它似乎是有效的)

原文链接:https://www.f2er.com/bootstrap/447205.html

猜你在找的Bootstrap相关文章