Text

The text component provides the following classes:

Class What it does?
text Base font size in the modular scale.
text--s Level -1 in the modular scale.
text--l Level 1 in the modular scale.
text--xl Level 2 in the modular scale.
text--xxl Level 3 in the modular scale.
text--xxxl Level 4 in the modular scale.
is-serif Text has serif font-family.
is-sans Text has sans-serif font-family.
is-mono Text has monospace font-family.
is-wide Text is wider by 0.4rem.
is-centered Text is centered.

 

Example:
<p class="text--xxxl is-centered">Nulla quis lorem ut libero malesuada feugiat.</p>
Result:

Nulla quis lorem ut libero malesuada feugiat.