Sass 是否可以从单个布局的scss页面和多个可变的scss页面生成多个css页面？

我正在尝试将SCS与.net主题功能集成

理想情况下，大多数SCS都位于专用目录中，但每个主题都有自己的SCS页面，专门包含该特定主题的变量值

我遇到的问题是，我需要将占位符变量传递到_layout.scss工作表，然后让主题scss工作表更新它们的值。当前输出原始空值

SCSS文件

---

Resources/SCSS/_variables.SCSS

资源/SCSS/_布局.SCSS

主题/Blue/Blue.scss

主题/Red/Red.scss

所需的CSS输出文件

---

blue.css

red.css

---

你把它倒过来了。

！default

标志告诉Sass，如果之前的声明不存在，则这是要使用的值

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

@debug $foo; // red

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

@debug $bar; // blue

---

您需要放置

！默认

标记默认的空值，而不是主题值。

这比我预期的要简单。非常感谢。

@import "variables";

div {
color: $theme_color;
}

$theme_color: #0000ff !default;

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

$theme_color: #ff0000 !default;

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

div {
color: #0000ff;
}

div {
color: #ff0000;
}

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

@debug $foo; // red

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

@debug $bar; // blue