更少的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之下