css - 使用 css 模块，我如何使用 composes 来包含颜色变量列表

Question

我正在使用css 模块和post-css。我添加了post-css-simple-vars插件

颜色.css

$orange:   #ff6600;
$blue:   #056ef0;

在我的button.css文件中，如何使用组合以便可以重用变量colors.css？

按钮.css

.button {
    composes: * from '../styles/colors.css';
    background-color: $orange;
}

score 3 · Accepted Answer

到目前为止我发现的最佳方法是@value使用postcss-modules-values插件将变量导出为

颜色.css

@value blue: #0c77f8;
@value red: #ff0000;
@value white: #fff;

按钮.css

@value colors: "./colors.css";
@value blue, white, red from colors;

.button {
  color: blue;
  background-color: red;
}

1 回答 1