dart - 如何使用 Dart 组件的 Material 阴影和版式？

Question

如何在 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 {        

}

Answer 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;
}