是否可以從單個layout-scss頁面和多個可變scss表單創建多個css表單？

Question

我正試圖將scss與.net主題功能集成。

理想情況下，大多數scss應該位於專用目錄中，但每個主題都有自己的scss頁面，其中只包含該特定主題的變量值。

我遇到的問題是我需要將佔位符變量傳遞給_layout.scss工作表，然後通過主題scss工作表更新其值。目前輸出原始的空值。

SCSS文件

---

資源/ SCSS/_variables.scss

$theme_color: null; 

資源/ SCSS/_layout.scss

@import "variables"; 

div { 
color: $theme_color; 
} 

主題/藍/ blue.scss

$theme_color: #0000ff !default; 

@import '../../Resources/SCSS/layout'; 

主題/紅/ red.scss

$theme_color: #ff0000 !default; 

@import '../../Resources/SCSS/layout'; 

慾望d CSS輸出文件

---

blue.css

div { 
color: #0000ff; 
} 

red.css

div { 
color: #ff0000; 
} 

Answer 1

你擁有它倒退。 !default標誌告訴Sass，如果不存在先前的聲明，則使用這個值。

$foo: red; 
$foo: blue !default; 

@debug $foo; // red 

$bar: red !default; 
$bar: blue; 

@debug $bar; // blue 

您需要將!default標誌置於默認空值上，而不是主題值。