我有一个文件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
执行相同的操作?