sass - 在 SASS 中命名颜色变量

Question

在 SASS 中创建配色方案时，用于定义颜色的常规变量名称是什么？

我知道使用颜色名称是不好的。如:

$blue
$red
$green

但我还没有看到替代方案。我正在努力为网站上传达意义的颜色变量名称。

有任何想法吗？

Answer 1

我在 "SASS & Color Variables" article 中发现了另一个想法.建议的解决方案由 Sacha Greif 是使用一些变量来存储描述性颜色名称，以及使用其他一些变量将这些颜色分配给它们的函数:

 // first we set descriptive variables:
 $darkgrey: #333333;
 $blue: #001eff;

 // then we set functional variables:
 $text_color: $darkgrey;
 $link_color: $lightblue;
 $border_color: $lightblue;

 .myClass {
   color: $text_color;
   border-color: $border_color;
 }

 a {
   color: $link_color;
 }

我刚开始使用 SASS，不知道哪种方法更实用，但我喜欢它将颜色与其功能分开的方式。