Mozilla Protocol
  • 16.1.0

Compact Call Out: Dark Theme

A dark theme is available with the class mzp-t-dark. This example omits any description.

<section class="mzp-c-call-out-compact mzp-t-dark">
    <div class="mzp-l-content">
        <div class="mzp-c-call-out-content">
            <div class="mzp-c-call-out-container">
                <h2 class="mzp-c-call-out-title">A Headline With 30 Characters</h2>
            </div>
        </div>
        <div class="mzp-c-call-out-cta">
            <div class="mzp-c-call-out-cta-container">
                <button class="mzp-c-button mzp-t-dark" type="button">Call to Action</button>
            </div>
        </div>
    </div>
</section>