如何在Angular2的CSS中使用材质主题颜色?
问题描述:
比方说,我需要使用css/sass类将mat-primary
颜色用作div
的背景,我该如何引用它?我想到了类似的东西:
Let's say I need to use the mat-primary
color as a background of a div
using a css/sass class, how do i reference it? I thought something like:
@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';
.a-class{
background-color: $mat-primary;
}
但不幸的是失败了.
答
您必须首先使用以下主题导入主题
You have to first import the theme with
@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';
然后,您必须定义
@mixin primary-color($theme) {
$primary: map-get($theme, primary);
//Then you can use `mat-color` to get the `primary` color
.a-class {
background-color: mat-color($primary);
}
}
参考链接:文档