Block Header

Version: 0.9.0

Edit

A stylized header option with a solid color background and white text. This type of header may also include an icon before the text.

Default Block Header

Author: Mary Ditchen
Since: 0.9.0
Source: /source/patterns/components/block-headers.scss#L11

Block Header Title

<!-- default block header -->
<h2 class="c-block-header">
  <span class="c-block-header__title">Block Header Title</span>
</h2>

Block Header with Icon

Author: Mary Ditchen
Since: 0.9.0
Source: /source/patterns/components/block-headers.scss#L33

Block Header Title

<!-- block header with icon -->
<h2 class="c-block-header c-block-header--icon">
  <span class="c-block-header__icon icon-globe" aria-hidden="true" focusable="false"><!--icon--></span>
  <span class="c-block-header__title">Block Header Title</span>
</h2>