This module sets default typographic styles for the body, headings, paragraphs, lists, and other elements.

Base type scale

Typographic elements are normalized to a simple type scale that works well across devices. Default top and bottom margins are set for commonly-used typographic elements.

<h1>Hamburger 1</h1>
<h2>Hamburger 2</h2>
<h3>Hamburger 3</h3>
<h4>Hamburger 4</h4>
<h5>Hamburger 5</h5>
<h6>Hamburger 6</h6>

Lists

By default, lists have bullets or numbers and padding left.

<ul>
  <li>Half-Smoke</li>
  <li>Kielbasa</li>
  <li>Bologna</li>
</ul>
<ol>
  <li>Prosciutto</li>
  <li>Andouille</li>
  <li>Bratwurst</li>
  <li>Chorizo</li>
</ol>

Other Elements

The pre element has overflow-x set to scroll.

Adjust the custom properties to change the default font stack, font weights, and type scale.

Current Tags

• 2.0.0-beta.0                                ...           beta (9 years ago)
• 2.0.3                                ...           latest (9 years ago)

15 Versions

• 2.0.3                                ...           9 years ago
• 2.0.2                                ...           9 years ago
• 2.0.1                                ...           9 years ago
• 2.0.0                                ...           9 years ago
• 2.0.0-beta.0                                ...           9 years ago
• 1.1.1                                ...           10 years ago
• 1.1.0                                ...           10 years ago
• 1.0.1                                ...           10 years ago
• 1.0.0                                ...           10 years ago
• 0.0.6                                ...           10 years ago
• 0.0.5                                ...           10 years ago
• 0.0.4                                ...           10 years ago
• 0.0.3                                ...           10 years ago
• 0.0.2                                ...           10 years ago
• 0.0.1                                ...           10 years ago