Example:
<h1 class="header-xxl">Lorem ipsum dolor sit amet</h1>
<h2 class="header-xl">Lorem ipsum dolor sit amet</h2>
<h3 class="header">Lorem ipsum dolor sit amet</h3>
<h4 class="header-sm">Lorem ipsum dolor sit amet</h4>
Typography
Header
Text
Example:
<span class="text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean posuere
lacus quam, in commodo dolor posuere et. Sed at est convallis, commodo lorem
vel, pellentesque tortor. Curabitur rutrum magna quis libero placerat, vitae
vestibulum ex vestibulum. Proin vitae sapien velit. Nullam ex risus, cursus
sit amet interdum eu, congue a felis. Sed congue, erat id euismod pharetra,
mauris dolor mollis metus, eu vehicula risus massa ac justo. Nullam
vulputate orci sed egestas mattis. Sed nec sem justo. Nulla facilisi.</span
>
Result:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean posuere lacus quam, in commodo dolor posuere et. Sed at est convallis, commodo lorem vel, pellentesque tortor. Curabitur rutrum magna quis libero placerat, vitae vestibulum ex vestibulum. Proin vitae sapien velit. Nullam ex risus, cursus sit amet interdum eu, congue a felis. Sed congue, erat id euismod pharetra, mauris dolor mollis metus, eu vehicula risus massa ac justo. Nullam vulputate orci sed egestas mattis. Sed nec sem justo. Nulla facilisi.
Label
Example:
<span class="label">Lorem ipsum dolor sit amet</span>
Result:
Lorem ipsum dolor sit amet
Subtitle
Example:
<span class="subtitle">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean posuere
lacus quam, in commodo dolor posuere et. Sed at est convallis, commodo lorem
vel, pellentesque tortor. Curabitur rutrum magna quis libero placerat, vitae
vestibulum ex vestibulum. Proin vitae sapien velit. Nullam ex risus, cursus
sit amet interdum eu, congue a felis. Sed congue, erat id euismod pharetra,
mauris dolor mollis metus, eu vehicula risus massa ac justo. Nullam
vulputate orci sed egestas mattis. Sed nec sem justo. Nulla facilisi.</span
>
Result:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean posuere lacus quam, in commodo dolor posuere et. Sed at est convallis, commodo lorem vel, pellentesque tortor. Curabitur rutrum magna quis libero placerat, vitae vestibulum ex vestibulum. Proin vitae sapien velit. Nullam ex risus, cursus sit amet interdum eu, congue a felis. Sed congue, erat id euismod pharetra, mauris dolor mollis metus, eu vehicula risus massa ac justo. Nullam vulputate orci sed egestas mattis. Sed nec sem justo. Nulla facilisi.
