scss中!default和mix函数的使用

1. !default

该标记也是用于表示SCSS变量的默认值，在UI组件库中使用广泛。其用法如下：

$primary: #ddd !default;

如果没有给$primary变量赋值，那就采用#ddd的默认值

$primary: #ccc;
$primary: #ddd !default;

如果$primary已经赋值了，那就不会采用#ddd这个默认值，而是采用#ccc这个值。

2. mix函数

该函数用于将两种颜色混合在一起，在UI组件库中使用比较广泛

mix($color1, $color2, $weight)

其中$weight是一个可选参数，如果不传入，则默认两种颜色按照各50%混合。如果传入了，表示$color1的比例为$weight，$color2的比例为1-$weight