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