LESS：爲不同的主題生成不同的CSS（顏色變化）

我想使用LESS管理爲我的網站創建不同的「主題」。LESS：爲不同的主題生成不同的CSS（顏色變化）

我的想法是生成不同的編譯.css文件，每次使用由根文件導入的特定變量.less。

這裏一個簡單的例子：

1）I在2個不同的文件2不同的顏色方案：variable1.less和variable2.less。

2）一個文件style.les S的關係具有如「@import variableX.less」，顯然這'X' 的@import規則應該改變假定值 '1' 和 '2'。 3）編譯器應該生成style1.css和style2.css，每一個都基於相對的variable1.less和variable2.less。

如何獲取？

來源

2015-02-06 Luca Detomi

你需要翻轉你的導入方向。

style.less文件不應該導入任何變量。

相反，每個variableN.less文件應在定義所有變量後導入style.less。
然後這些文件將根據它們的變量值編譯成一整套規則。

來源

2015-02-06 16:24:02 SLaks

ehi ...似乎是Coulumbus的蛋：D但是這樣...我必須分別編譯它們中的每一個，對吧？有沒有辦法編譯一個'.less'文件，但獲得2'.css'文件？ – 2015-02-06 16:25:54

@LucaDetomi：不可以。但是您可以將'style.less'導入兩個不同的'body.SomeTheme'選擇器，以在同一個文件中生成兩個主題。 – SLaks 2015-02-06 16:44:36

是的，我知道最後一個提議，但我的目的是創建2個不同的文件，因爲我不提供更改主題，所以最好每個主題只加載一個.css文件，而不是更大一個。 – 2015-02-09 07:31:52

LESS：爲不同的主題生成不同的CSS（顏色變化）

回答

相關問題