LESS:为不同的主题(颜色变化)生成不同的 CSS
LESS: generate different CSSs for different theme (color variation)
我想使用 LESS 为我的网站管理不同 "theme" 的创建。
我的想法是生成不同的编译 .css 文件,每次使用由根文件导入的特定 variable.less。
这里有一个简单的例子:
1) 我在 2 个不同的文件中有 2 种不同的配色方案:variable1.less
和 variable2.less
.
2) 一个文件 style.les
s 应该有一个 @import 规则,如“@import variableX.less
”,显然这个 'X' 应该改变假设值 '1' 和'2'.
3) 编译器随后应生成 style1.css
和 style2.css
,每个都基于相对 variable1.less
和 variable2.less
.
如何获得?
您需要翻转导入方向。
style.less
文件不应导入任何变量。
相反,每个 variableN.less
文件应在定义所有变量后导入 style.less
。
然后,这些文件将根据它们的变量值分别编译成一套完整的规则。
我想使用 LESS 为我的网站管理不同 "theme" 的创建。
我的想法是生成不同的编译 .css 文件,每次使用由根文件导入的特定 variable.less。
这里有一个简单的例子:
1) 我在 2 个不同的文件中有 2 种不同的配色方案:variable1.less
和 variable2.less
.
2) 一个文件 style.les
s 应该有一个 @import 规则,如“@import variableX.less
”,显然这个 'X' 应该改变假设值 '1' 和'2'.
3) 编译器随后应生成 style1.css
和 style2.css
,每个都基于相对 variable1.less
和 variable2.less
.
如何获得?
您需要翻转导入方向。
style.less
文件不应导入任何变量。
相反,每个 variableN.less
文件应在定义所有变量后导入 style.less
。
然后,这些文件将根据它们的变量值分别编译成一套完整的规则。