Mozilla Protocol
  • 22.0.0

Callout: Dark Theme

A dark theme is available with the mzp-t-dark theme class. This example omits a description and includes a CTA button.

<section class="mzp-c-callout mzp-t-dark">
  <div class="mzp-l-content">
    <div class="mzp-c-callout-content">
      <h1 class="mzp-c-callout-heading">A Headline With 30 Characters</h1></div>
    <div class="mzp-c-callout-cta">
      <a class="mzp-c-button mzp-t-dark" href="#">Call to Action</a>
    </div>
  </div>
</section>