如何使用角镖组件材质阴影和排版？

【问题标题】：How to use angular dart components material shadow and typography?如何使用角镖组件材质阴影和排版？
【发布时间】：2018-08-04 19:46:29
【问题描述】：

如何在 angular dart 项目中将高程样式应用于我的标题？

app_component.html

<div class="welcome">
    <h1 class="headline">Demo Headline</h1>
</div>

app_component.scss

@import 'package:angular_components/css/material/material';

:host {

}
.headline {        

}

【问题讨论】：

【解决方案1】：

tree demo 显示了如何应用高程。

CSS

@import 'package:angular_components/css/material/shadow';

.shadow {
  @include shadow-elevation(16);

  width: 400px;
}

HTML

<div class="shadow">

排版

@import 'package:angular_components/css/material/material';

.headline {
  @include mat-font-headline;
}

【讨论】：