如何只覆盖一个组件的@material主题颜色?
How to only overwrite @material theme color for one component?
$mdc-theme-secondary: #6b2574
已在 index.scss 文件之上定义。
我有一个 material 复选框组件,默认情况下使用 $mdc-theme-secondary
作为背景颜色。我想在不修改 mdc-theme-secondary
的情况下更改复选框的颜色。
我正在查看 material 文档
。
mdc-checkbox-container-colors($unmarked-stroke-color, $unmarked-fill-color, $marked-stroke-color, $marked-fill-color, $generate-keyframes)
它提供了这个mixin,但是在尝试了不同的东西之后,我仍然不知道如何使用它。我也找不到任何例子。
提前感谢您的帮助。
@import "@material/checkbox/mdc-checkbox";
.mdc-checkbox {
@include mdc-checkbox-container-colors($mdc-theme-secondary, $mdc-theme-on-secondary,
$mdc-theme-primary, $mdc-theme-on-primary);
}
我想出了如何使用 mixin...我必须 select .mdc-checkbox。
$mdc-theme-secondary: #6b2574
已在 index.scss 文件之上定义。
我有一个 material 复选框组件,默认情况下使用 $mdc-theme-secondary
作为背景颜色。我想在不修改 mdc-theme-secondary
的情况下更改复选框的颜色。
我正在查看 material 文档 。
mdc-checkbox-container-colors($unmarked-stroke-color, $unmarked-fill-color, $marked-stroke-color, $marked-fill-color, $generate-keyframes)
它提供了这个mixin,但是在尝试了不同的东西之后,我仍然不知道如何使用它。我也找不到任何例子。
提前感谢您的帮助。
@import "@material/checkbox/mdc-checkbox";
.mdc-checkbox {
@include mdc-checkbox-container-colors($mdc-theme-secondary, $mdc-theme-on-secondary,
$mdc-theme-primary, $mdc-theme-on-primary);
}
我想出了如何使用 mixin...我必须 select .mdc-checkbox。