少主题的CSS

时间:2011-12-07 09:59:29

标签: html css less

我在我的CSS文档中使用了LESS CSS。该网站有不同的主题。在头部我放了两个CSS链接。像这样:

<!-- Theme -->
<link rel="stylesheet/less" type="text/css" href="static/css/themes/brabantzorg.less">

<!-- Global -->
<link rel="stylesheet/less" type="text/css" href="static/css/style.less">

我主题较少的文件。我把thema的不同颜色放在主题较少的文件中。我有很多不同的主题文件。

在全局css文件中。我用更少的全局css。

但现在我有一个问题。我在主题文件中放置的变量越少。不是在style.less工作。我怎样才能解决这个问题。您可以在此处看到一个示例:Here

较少给出的问题:

变量@ color-paragraph未定义 {29}第292行http://localhost/Regioportals/html/static/css/style.less

2 个答案:

答案 0 :(得分:1)

LESS文件不共享状态。

正在处理@color-paragraphs时,您在brabantzorg.less内声明的变量style.less不再可用。

您需要做的是在@import brabantzorgstyle.less

答案 1 :(得分:0)

CSS从上到下解释 所以你必须把主题css放在全局的

之下