如何使用所有项目颜色的变量制作文件

Question

我使用React.JS开发网络。我想在一个类中定义所有颜色。

实际上，我是一个初学者，我只在CSS文件中使用颜色。像这样：

.toolbar {
    background: primary1;
}

我也想在可能需要的其他类型类中使用它们。

谢谢。 另外，对我的英语感到抱歉。

Answer 1

在Sass中，您可以在一个文件中声明所有颜色：

//colors.scss
$red: #990000;
$black: #000000;
$white: #ffffff;

然后在项目中的任何其他scss文件中，您可以导入和使用任何声明的颜色，如下所示：

//style.scss
@import "path/to/colors.scss";

div {
  background: $red;
  color: $black;
}

您的React项目中可能已经有sass构建支持，但是如果没有，请参考文档：https://sass-lang.com/documentation