LessCss - 創建主題（即使用不同的變量又名css文件）

Question

我有以下文件結構：

• main.less
• 模塊
  • colors.less
  • header.less
  • footer.less
  • video_player.less
  • reset.le SS
  • base.less

---

colors.less樣子：

@brand-primary-color: orange; 
@brand-secondary-color: grey; 

---

我想在main.less進口colors.less，並在整個全球範圍內使用的變量少文件。

創建主題會是這個樣子：

• 品牌1.less

  @import "themes/brand-1-colors.less"

• brqand-2.less

  @import "themes/brand-2-colors.less"

• 品牌-3.le SS

  @import "themes/brand-3-colors.less"

• [...]

---

找不到任何辦法做到這一點！

似乎工作的唯一方法是導入colors.less文件在每個較少的子文件。這使得創建主題有點乏味......

---

任何想法？ ：） 多謝你們！

Answer 1

假設main.less有CSS，你只需要創建一個文件，你可以導入所有其他less文件。文件結構將類似於：

• final.less
  • 模塊
    • 爲主。少
    • colors.less
    • header.less
    • footer.less
    • video_player.less
    • reset.less
    • base.less

後編譯，final.css將是CSS文件包含一切。該final.less會是什麼樣子：

@import "main.less"; 
@import "colors.less"; 
@import "header.less"; 
@import "footer.less"; 
@import "video-player.less"; 
@import "reset.less"; 
@import "reset.less"; 

最後但並非最不重要的，你應該只編譯final.less。