将默认变量模式应用于SASS

Question

在SASS中，其中一项功能是能够创建默认变量：

$mycolor: #000000 !default;

像这样，如果已定义$mycolor，则不会更改其值。

主题化

此功能很有趣，因为设计师可以利用主题。假设您的应用程序支持不同的配色方案，因此您可以使用通用配色方案_def.scss：

$header-color: #ff9900 !default;
$text-color: #000000 !default;
$footer-color: #ffcc00 !default;

和happy/_theme.scss不同的主题：

$header-color: #cc0000 !default;
$footer-color: #dd0000 !default;

导入必须按以下顺序进行：

@import "happy/theme";
@import "def";

首先是主题，然后是默认值。

mixins

怎么样？

我想对minins应用相同的逻辑。由于我已经有颜色主题，我想要它们用于字体。

@mixin text-font !default {
  font-family: Arial, sans-serif;
  font-weight: normal;
}

所以我可以在主题中覆盖它。但是无法在mixins上使用!default。

我该如何实现这个设计？同样，我!default固执的原因是因为我已经有了一个主题到位的结构，并希望重用它。