2015-08-25 49 views
-2

我有更少的文件來覆蓋我的整個應用程序樣式。但是我使用一些舊標準在初始時間爲變量賦值,根據主題顏色切換變量值可以更新。文件編譯較少

在最初

@theme ="" 

(~"@{theme}.ss-slidebar:before") { 
    font-size: 23px; 
    margin-top: -3px; 
} 

因爲我的項目部署的時候我用帶點編譯器編譯這個LESS樣式生成相應的CSS。但我未解決的問題列在下面。

  1. 當我試圖在其他編譯器中編譯我的LESS文件時,就像web基本一樣會引發錯誤。

    ParseError:在第1行輸入無法識別,列3:

    (〜 「@ {主題} .SS-滑桿:前」)

  2. 或使用在線編譯器http://less2css.org/也投低於錯誤。

    ParseError:缺少在第1行結束的 ')',第3欄:

    (〜 「@ {主題} .SS-滑桿:前」)

我將這個結構問題,如果有任何其他方式來解決這個問題,或者其他任何方式來改變我的變量替換,以通用的方式實現我的場景爲所有編譯器。

在此先感謝!

+0

出現哪些錯誤遺失;?你沒有提到任何人。 – KittMedia

+0

前一種語法已被棄用,所以你應該使用相當過時的'無點'版本來使它工作。在這種情況下,有效的Less語法只是'@ {主題} .ss-slidebar:之前沒有任何parens和引號。 –

+0

感謝您分享您寶貴的回覆。我還從LESS庫更改日誌頁面中獲取了棄用的信息。 ** https://github.com/less/less.js/blob/master/CHANGELOG.md** in versoin ** 1.4.0 Beta 1&2 **(〜「@var」)選擇器插值已刪除。在選擇器中使用@ {var}以擁有可變選擇器 – Riowan

回答

0

正如評論都表示你有語法錯誤:

  • 的變量聲明
  • 無需括號或字符串聲明

@theme : ; 

@{theme}.ss-slidebar:before { 
    font-size: 23px; 
    margin-top: -3px; 
}