2016-07-29 59 views
0

我得到一個錯誤,當我有勝績這裏編譯此代碼:LESS ParseError:無法識別輸入

.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; 
} 

的錯誤是:

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

列126是最後之間)和首先{ 我在這方面頗爲新穎,但是我到處搜索,仍然沒有線索仍然是什麼錯誤。

謝謝你的任何建議..

+0

這可能會有所幫助 - http://stackoverflow.com/questions/9231369/how-do-you-create-multiple-box-shadow-values-in-less-css?rq=1 – Josh

+0

使用十六進制顏色工程好像它似乎.. – Adrian

+0

似乎像編譯器問題/錯誤,但把它放在引號和轉義應該工作 - 「@ icon-text-shadow:〜」0.0625rem 0.0625rem rgba(132,108,172,1),0.125rem 0.125rem rgba(132,108,172,1)「'like [here](http://less2css.org/#%7B%22less%22%3A%22.icon-text-shadow%20(%40icon-文字陰影%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陰影%3A%20%40icon-文字陰影%3B%5CN%7D%5Cna%7B.icon-文字陰影()%圖3B%7D%22%7D)。我避免了前綴,但這不會導致任何問題。 – Harry

回答

0

看起來你剛發現編譯器有問題。

您的代碼非常好,應該按預期工作。罪魁禍首是第二個rgba(132, 108, 172, 1)。刪除它,它會工作。

我玩過一段時間,看起來這總是發生在以逗號分隔列表作爲參數時,並且該列表中的任何元素(不是第一個元素)都包含函數調用。

在Aureliano的回答中的解決方法。

0

我認爲這肯定是枚舉的問題。試試這個:

@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; 
}