1

"@angular2-material/toolbar": "2.0.0-alpha.6-2"

我想更改<md-toolbar>整个应用程序的背景不透明度和填充。

我的应用程序正在从以下位置导入index.html：

@import "default-theme";
@import 'variables';
@import 'overlay';
@import 'live-announcer';

我正在使用材料 2 我的想法是我需要以某种方式覆盖材料 2toolbar.scss文件中的这些设置（摘录如下）：

md-toolbar {
  ...
  padding: 0 $md-toolbar-padding;
  ...
  background: md-color($md-background, app-bar);
}

我已经挖掘了toolbar.js文件vendor夹中的文件，它似乎嵌入了整个toolbar.css......因此，我有机会覆盖这些样式属性中的任何一个的唯一地方似乎是在MdToolbar通过我的组件使用的任何组件中' stylesUrls... （顺便说一句：这确实有效）

我猜我错过了一些东西，因为我想做的似乎是一个相当普遍的愿望（尽管使用谷歌材料可能会令人厌恶——我不确定社区有多坚定关于填充，背景透明度等元素）......在任何一种情况下，我都需要消除我的无知，以便充满信心地进行。

4

0 回答 0