i building system take default stylesheets, , merge theme, , base theme produce final site css, hoping find way assign variables reference, not value can things this.
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; } {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';
the main problem have that, $headingfont set opensans, , wont change verdana, , link fg colour still blue,
i cant find solution, hoping $headingfont: $defaultfont, not assign value immediately, assign variable, changed later.
yes aware of !default, complete mess trying !default.