This line of text is meant to be treated as deleted text. You can use the mark tag to highlight text. In Metro UI default paragraph styled with line-height 1.5 value, margin-bottom 16px and font-size 16px. Metro UI provides various classes for creating and working with paragraphs. You can create lighter, secondary text in any heading with a generic tag or the. You can also use the following additional classes: If you want to create a header element without using tags -, Metro UI present relevant classes.
Read more about native font stacks in this Smashing Magazine -apple-system,Ĭhrome >= 56 for OS X (San Francisco), Windows, Linux and Android In Metro UI i use a "native font stack" for optimum text rendering on every device and OS. This is inherited later by some form elements to prevent font inconsistencies.įor safety, the has a declared background-color, defaulting to #fff (white). The also sets a global font-family and line-height. This ensures that the declared width of element is never exceeded due to padding or border. The box-sizing is globally set on every element-including *:before and *:after, to border-box. The and elements are updated to provide better page-wide defaults. In Metro UI reset method based on Eric Meyer’s "Reset CSS" 2.0 and include additional rules.
This includes titles, paragraphs, lists, various text elements and much more. Metro UI offers various tools and classes for displaying elements of typography for your site.