更少的CSS主题

Question

我在我的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">

我的主题较少文件。 我在主题较少的文件中为主题添加了不同的颜色。 我有很多不同的主题文件。

在全局css文件中。 我把全局CSS减少了。

但是现在我有一个问题。 我放入主题较少文件中的较少变量。 缺乏风格。 我怎样才能解决这个问题。 您可以在这里看到一个示例： 这里

少给的问题：

在第292行的第10列上，变量@ color-paragraphs未定义http：//localhost/Regioportals/html/static/css/style.less ：

Answer 1

LESS文件不共享状态。

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

您需要做的是在@import brabantzorg内部style.less @import brabantzorg style.less 。

Answer 2

CSS是从上到下解释的，因此您必须将主题css放到全局的CSS之下