命名 css 颜色变量的最佳实践

Question

这是一个基本问题，但我想知道在为应用程序定义主要颜色时，颜色类是否应按颜色命名：

pumpkin-orange 、 topaz 、 sky-blue 、 gray-color

或者通过它们的含义/功能：

main-color , main-color-hover , secondary-color , link-color , disabled-color ...

Answer 1

您应该避免按颜色命名 css 类。 改用功能名称。 我建议您查看BEM 命名约定。 我认为采用结构化的 css 方法是一个好的开始。

Answer 2

按含义选择名称。
颜色会变，花蕾的意思不变。

如果社区能够就通用名称达成一致，那就太好了。 这样，您就可以使用第三方代码，并且它们的设计已经协调一致。

这是一个尝试：
https://github.com/nuxodin/css-variables-name-conventions