我有一个文件typography.css,其中包含一个 cssnext自定义属性( --headingColor)、一个 cssnext自定义属性集( --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 中包含h1and类:.heading
@value headingColor from "typography.css";
.moduleHeading {
composes: heading from "typography.css";
}
但是,使用 cssnext 功能,我怎样才能用 and 做同样的事情--heading,--headingColor而不输出h1样式和.heading类?