SASS通过引用分配

Question

我正在构建一个系统来获取默认样式表，并与主题和基本主题合并以生成最终站点css，但是我希望找到一种方法来通过引用而不是值来分配变量，所以我可以做这样的事情。

base.vars.scss

$PrimaryFg: blue
$LinkFg: $PrimaryFg
$DefaultFont: opensans
$HeadingFont: $DefaultFont

basetheme.vars.scss

$PrimaryFg: yellow
$CaptionFont: $HeadingFont

theme.vars.scss

$DefaultFont: Verdana

base.rules.scss

body {font: $DefaultFont }
h1,h2,h3,h4,h5,h6 {font: $HeadingFont; }
a {color: $LinkFg }

basetheme.rules.scss

caption {font: $CaptionFont; }

theme.rules.scss

@import 'base.vars.scss';
@import 'basetheme.vars.scss';
@import 'theme.vars.scss';
@import 'base.rules.scss';
@import 'basetheme.rules.scss';

我遇到的主要问题是，$ HeadingFont将设置为opensans，并且不会更改为Verdana，并且链接FG颜色仍为蓝色，

我无法找到解决方案，我希望$ HeadingFont：$ DefaultFont不会立即分配值，而是分配变量，以便稍后更改。

是的我知道！默认，但是尝试使用！default。

这是完全混乱的