考虑使用 CSS Variables 实现配色主题等功能

[sivan]

特性兼容度尚可，IE 有腻子 https://github.com/jhildenbiddle/css-vars-ponyfill
使用 CSS Variables 可以大幅减少配色主题所需要的代码。

[sivan]

https://codyhouse.co/blog/post/css-custom-properties-vs-sass-variables

[liaoliaojun]

$--color-primary: #409EFF !default;
$--color-primary-light-1: mix($--color-white, $--color-primary, 10%) !default; /* 53a8ff */

// transform
:root {
  --color-primary: #409EFF;
  --color-primary-light-1: ???
}

可以把sass中变量转换成css变量，但是如果某个变量有使用sass的方法，该变量就需要运行时编译。

[solarjoker]

support in 3.0.0