在 CSS 中复制 Angular Material 设计字体规范
Replicate Angular Material design font specification in CSS
Angular material 设计规范说 table header 使用 54% 的黑色。如何在 CSS 中设置?
规范参考:http://www.google.com/design/spec/components/data-tables.html#data-tables-interaction
参考: https://material.angularjs.org/latest/#/demo/material.components.toolbar
MaterialAngular官方文档代码如下:
这里的54%
指的是官方文档代码确认的正文opacity
。您可以在 CSS 中使用以下代码实现它:
.black-54 {
color: rgba(0, 0, 0, 0.54);
font-family: 'Roboto';
}
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<div class="black-54">I am 54% Black</div>
Angular material 设计规范说 table header 使用 54% 的黑色。如何在 CSS 中设置?
规范参考:http://www.google.com/design/spec/components/data-tables.html#data-tables-interaction
参考: https://material.angularjs.org/latest/#/demo/material.components.toolbar
MaterialAngular官方文档代码如下:
这里的54%
指的是官方文档代码确认的正文opacity
。您可以在 CSS 中使用以下代码实现它:
.black-54 {
color: rgba(0, 0, 0, 0.54);
font-family: 'Roboto';
}
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<div class="black-54">I am 54% Black</div>