2016-07-29 12 views
0

ich eine Störung erhalte, wenn ich diesen Code hier mit winless kompilieren:WENIGER ParseError: Unbekanntes Eingang

.icon-text-shadow (@icon-text-shadow: 0.0625rem 0.0625rem rgba(132, 108, 172, 1), 0.125rem 0.125rem rgba(132, 108, 172, 1);) { 
    box-shadow: @icon-text-shadow; 
    -moz-box-shadow: @icon-text-shadow; 
    -webkit-box-shadow: @icon-text-shadow; 
} 

Der Fehler ist:

ParseError: Unrecognised input in PATH\file.less on line 34, column 126

Die Säule 126 zwischen dem letzten ist) und die erste { Ich bin ziemlich neu dabei aber ich habe überall gesucht und habe immer noch keine Ahnung was falsch ist.

Vielen Dank für Ihre Anregungen ..

+0

Dies kann hilfreich sein - http://stackoverflow.com/questions/9231369/how-do-you-create-multiple-box-shadow-values-in-less-css?rq=1 – Josh

+0

Mit Hex Farben funktioniert gut, es scheint .. – Adrian

+0

Scheint wie ein Compiler-Problem/Bug, aber es in Anführungszeichen setzen und es sollte funktionieren - '@ Icon-Text-Schatten: ~" 0.0625rem 0.0625rem rgba (132, 108, 172, 1), 0.125rem 0.125rem rgba (132, 108, 172, 1) "wie [hier] (http://less2css.org/#%7B%22less%22%3A%22.icon-text-shadow%20 (% 40icon- Textschatten% 3A% 20 ~% 5C% 220.0625rem% 200.0625rem% 20rgba (132% 2C% 20108% 2C% 20172% 2C% 201)% 2C% 200.125rem% 200.125rem% 20rgba (132% 2C% 20108% 2C% 20172% 2C% 201)% 5C% 22)% 20% 7B% 5Cnbox-Schatten% 3A% 20% 40icon-text-shadow% 3B% 5Cn% 7D% 5Cna% 7B.icon-text-shadow()% 3B% 7D% 22% 7D). Ich habe die Präfixe vermieden, aber das würde kein Problem verursachen. – Harry

Antwort

0

Sieht aus wie Sie gerade ein Problem mit dem Compiler gefunden.

Ihr Code ist völlig in Ordnung und sollte wie erwartet funktionieren. Der Schuldige ist der zweite rgba(132, 108, 172, 1). Löschen Sie das und es wird funktionieren.

Ich spielte ein bisschen herum und es scheint, dass dies immer passiert, wenn es eine durch Kommas getrennte Liste als Parameter gibt und jedes Element dieser Liste, das nicht das erste ist, einen Funktionsaufruf enthält.

Workaround in Aurelianos Antwort.

0

Ich denke, dass ein Problem mit der Aufzählung sein muss. Versuchen Sie diese:

@icon-text-shadow-default: 0.0625rem 0.0625rem rgba(132, 108, 172, 1), 0.125rem 0.125rem rgba(132, 108, 172, 1); 
.icon-text-shadow (@icon-text-shadow: @icon-text-shadow-default) { 
    box-shadow: @icon-text-shadow; 
    -moz-box-shadow: @icon-text-shadow; 
    -webkit-box-shadow: @icon-text-shadow; 
}