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

Posted 2023-03-13

【中文标题】如何使用角镖组件材质阴影和排版？

【英文标题】：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;