SCSS多个变量的值相同

Question

如果我有这样的SCSS：

$a: #fff; 
$b: #fff; 
$c: #fff; 
$d: #fff; 

对此有什么捷径？

Answer 1

如果你因为某些原因需要他们持有相同的值，但需要将它们保存为语义或独立变量可读性，或使简单的变化在路上，你可能只是这样做：

$a: #fff; 
$b: $a; 
$c: $a; 
$d: $a; 

我在开发过程中可能会改变颜色打交道时，这样做不时。这里有一个例子：

$background_color: white; 
$text_color: #444; 
$link_color: $text_color; 
$overlay_color: rgba($background_color, 0.7); 

这是有用的，因为它让我改变的$text_color价值，并具有$link_color反映了同样的变化，而在同一时间能够设置$link_color到完全不同的东西。只使用一个变量$text_color和$link_color都意味着我不得不手动查看所有实例以查看哪些与文本相关，哪些与链接有关。我认为一个好的做法是根据它们的用途命名变量，即$text_color和$link_color而不是​​。

Answer 2

不要使用4个变量，只使用1，如果它们具有相同的价值

$a: #fff; 
$a: #fff; 
$a: #fff; 
$a: #fff;