我对使用 sass 很陌生,并且在为Material.io 的图标按钮使用 mixin 时遇到了一些麻烦。
我链接的页面描述了使用density($density-scale)
mixin,但我似乎无法弄清楚如何使用它。入门指南展示了如何使用 mixin的示例mdc-button
,因此我尝试对mdc-icon-button
. 这是我尝试过的一些事情。
@use "@material/icon-button/mdc-icon-button";
@use "@material/icon-button";
// ^ The line above results in this error: SassError: Can't find stylesheet to import.
对于实际元素,由于此导入不起作用,我尝试了以下方法。
.mdc-icon-button {
@include icon-button.density(-1);
// ^ SassError: There is no module with the namespace "icon-button".
@include mdc-icon-button.density(-1);
@include mdc-icon-button-density(-1);
@include density(-1);
// ^ All of these lines cause the following error: SassError: Undefined mixin.
}
我只是不确定此时该怎么做。我如何为这个组件使用密度混合?