CODEWITHSUNDEEP
htmlcssangular-material
shyam_
shyam_

Reputation: 2470

Replicate Angular Material design font specification in CSS

Angular material design specification says that it uses 54% black color for table header. How to set that in CSS?

Reference for specification: http://www.google.com/design/spec/components/data-tables.html#data-tables-interaction

Upvotes: 2

Views: 577

Answers (1)

m4n0
m4n0

Reputation: 32275

Reference: https://material.angularjs.org/latest/#/demo/material.components.toolbar

The Material Angular official documentation's code below:

enter image description here

The 54% here is referred to the opacity of the text which is confirmed by the official documentation code. You can implement it in CSS with the following:

.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>

Upvotes: 2

Related Questions