我正在开发一个涉及每个子页面的不同主题的项目 . 每个子页面都具有与框架完全相同的HTML标记，但在每个子页面上，相同的元素（如 Headers ）必须具有不同的颜色 .

我解决这个问题的方法是让每个声明在相应CSS文件中的子页面上有所不同，例如red.css或blue.css . 这些文件只包含必须不同的选择器的颜色声明，因此font-size和其他所有内容都在全局CSS文件中 .

我希望完成的是在文件中声明颜色变量，并为主题CSS文件创建一个SCSS框架，其中包含CSS声明的相应变量 . 以更清晰的方式：

变量声明的示例：

$red: red;
$blue: blue;

主题框架SCSS文件应如下所示：

h1 {
   color: $heading-color;
}

目标是让SASS循环遍历变量并创建具有相同帧的X个不同的CSS文件，但是每个文件都应该在正确的位置具有相应的值，因此blue.css应该具有蓝色值，红色应该有红色值等

这可能吗？我想要避免的是使X SCSS文件中包含精确的框架，但是它们的值的值不同，因为这意味着每次更改时都会编辑X个编号 .

css sass