javascript - 如何使用所有元素颜色的变量制作文件

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