Highlights

Standard

Doloremque nihil illum excepturi ipsam aut nemo dignissimos impedit blanditiis tempore assumenda quos id. Et voluptatem ut et aut ipsum praesentium rerum est et non voluptatem quaerat hic molestiae.

Totam et occaecati officiis dolore qui. Fugit incidunt error illo non et iste quisquam nostrum est magni iste dolor et.

<p class="paragraph-highlight">Sint autem dolorum vero pariatur et necessitatibus voluptas qui.</p>

<p class="paragraph-warning paragraph-warning--narrow">Molestiae omnis alias quasi eos ad rerum.</p>

Complex

<div class="paragraph-highlight">
  <h2>Heading 2</h2>
  <p>Architecto cum quae soluta natus a earum aliquid provident quidem labore magnam officia ipsum consequatur.</p>
</div>

No icon

Voluptate ut enim soluta tempora quod qui est aut repudiandae aut sed est nesciunt soluta. Qui modi tempore consequatur nobis.

<p class="paragraph-highlight paragraph-highlight--plain">Mollitia sunt nesciunt qui consectetur necessitatibus repudiandae similique velit et omnis non voluptas.</p>

Inline

Natus beatae Aut facere velit minus.

<p class="inline-highlight">Blanditiis quo.</p>

Vel quia Quis perspiciatis maxime odio.

<p class="inline-highlight inline-highlight--plain">Unde inventore.</p>

Colour variations

Quaerat qui exercitationem cupiditate necessitatibus aut veritatis alias aut et ad. Enim vero id sit neque in ducimus ut voluptates est ducimus est tempora minima.

<p class="paragraph-highlight paragraph-highlight--monza">Autem distinctio velit quibusdam omnis nulla excepturi rem repellendus consequatur sed qui.</p>

Omnis qui aut blanditiis at quae minima blanditiis nobis et pariatur. Quo ipsum accusamus nostrum rem sed ut.

<p class="paragraph-highlight paragraph-highlight--monza paragraph-highlight--plain">Delectus porro ad eius quo eum et tenetur ab a iure id.</p>

Nesciunt similique Sit quas dicta officiis.

<p class="inline-highlight inline-highlight--monza">Dignissimos consequatur.</p>

Officiis sed Voluptas dolor autem consequatur.

<p class="inline-highlight inline-highlight--monza inline-highlight--plain">A distinctio.</p>