Mozilla Protocol
  • 21.1.0

Heading Sizes

A heading acts as a title for the content that immediately follows it. We’ve declared default sizes for headings in keeping with their standard ranking but this base size can be overridden with more context-specific styling.

There are presentational utility classes available that you can apply to any heading:

  • mzp-u-title-2xl
  • mzp-u-title-xl
  • mzp-u-title-lg
  • mzp-u-title-md
  • mzp-u-title-sm
  • mzp-u-title-xs
  • mzp-u-title-2xs
  • mzp-u-title-3xs
<h1>h1: Jived fox nymph grabs quick waltz.</h1>
<h1 class="mzp-u-title-md">h1: Jived fox nymph grabs quick waltz.</h1>
<h1 class="mzp-u-title-sm">h1: Jived fox nymph grabs quick waltz.</h1>
<h1 class="mzp-u-title-xs">h1: Jived fox nymph grabs quick waltz.</h1>