将cssnext自定义属性集导入CSS模块

时间:2017-03-16 14:53:26

标签: css postcss css-modules cssnext

我有一个文件typography.css,其中包含cssnext Custom Property--headingColor),cssnext Custom Properties Set--heading),@value,全局元素样式(h1)和CSS类(.heading):

:root {
  --headingColor: #f00;
  --heading {
    letter-spacing: 0.2em;
    color: --headingColor;
  }
}

@value headingColor: #f00;

h1 {
  @apply --heading;
}

.heading {
  @apply --heading;
}

使用postcss我可以使用@value并在CSS模块中编写类,而不在输出的CSS中包含h1.heading类:

@value headingColor from "typography.css";
.moduleHeading {
  composes: heading from "typography.css";
}

但是,使用cssnext功能,如何在不输出--heading样式和--headingColor类的情况下对h1.heading执行相同的操作?

0 个答案:

没有答案