LESS & Bootstrap: Fehler Evaluierungsfunktion `verdunkeln`: color.toHSL ist keine Funktion in Datei

Question

Ich arbeite mit MobileAngularUI Framework.

Wenn schluck Aufgabe meiner app bauen, mit LESS Quelldateien einige Bootstrap Variablen überschrieben, erhalte ich einen seltsamen Fehler:

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

In meiner LESS-Datei einige Variablen wie folgt ich zum Beispiel überschreiben:

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

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

Was ist das Problem, warum bekomme ich diesen Fehler?

Vielen Dank im Voraus!

Answer 1

In variables.less, die @navbar-default-brand-color Variable verwendet wird:

@navbar-default-brand-color: @navbar-default-link-color; 
@navbar-default-brand-hover-color: darken(@navbar-default-brand-color, 10%); 

Der Fehler, den Sie erhalten, ist, weil die verdunkeln Funktion (LESS native Funktion) nicht in der Lage ist Ihre @my-navbar-link-color, zu analysieren, so überprüfen Sie eine gültige Farbe haben (im snippet, so scheint es gültig)

Answer 2

der gleiche Fehler tritt auf, wenn der Farbwert verwenden, um zu sein: transparent