英文:
Overwrite CSS variables from Angular Material 15
问题
以下是翻译好的部分：
新的 Angular Material 15 在颜色和间距方面有一些“破坏性”的变化。因此，我需要覆盖 CSS 变量的默认值。我在我的 styles.scss 中定义：
:root {
--mdc-typography-button-letter-spacing: 'normal';
--mdc-dialog-supporting-text-color: mat.get-color-from-palette($greyPalette, 900);
}
第一个变量的值是 undefined，因此采用了定义值，而第二个变量有一个值但没有被覆盖。
那么，如何正确设置这个变量？
英文:
The new Angular Material 15 has some "breaking" changes in regards of the colors and spacing. Therefore I need to overwrite the default values of the CSS variables. I define in my styles.scss
:root {
--mdc-typography-button-letter-spacing: 'normal';
--mdc-dialog-supporting-text-color: mat.get-color-from-palette($greyPalette, 900);
}
While the first variable is undefined and therefore the definition is taken the second variable has a value but is not overwritten.
So, how to set the variable properly?
答案1
得分: 4
这对我有效：
:root {
--mdc-typography-button-letter-spacing: 'normal';
--mdc-dialog-supporting-text-color: #{map-get($myPalette, 300)};
}
英文:
This worked for me:
:root {
--mdc-typography-button-letter-spacing: 'normal';
--mdc-dialog-supporting-text-color: #{map-get($myPalette, 300)};
}
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论