BU Blocks Style Guide

Sidebar

Global Headline BlockLink

Ready New Issue

This is a Headline Block, It has the headline text itself in additon to optional spans containing preemptive text, and post-text for follow up. Also a unique ID is added tot he h tag.

Examples Source: blocks/headline/style.scss, line 16 View Source
Default styling
.is-style-emphasis-weight

Example of font weight emphasis headline variation

.is-style-emphasis-color

Example of font color emphasis headline variation

Markup blocks/headline/bu-blocks-block-headline.hbs 
<h2 id="headline-venenatis" class="wp-block-editorial-headline {{modifier_class}}">
			Venenatis Ornare Tortor
		</h2>
		<h2 id="headline-chapter-1" class="wp-block-editorial-headline {{modifier_class}}">
			<span class="wp-block-editorial-headline-pretext">Chapter 1:</span>
			A <strong>Typical</strong> Headline.
			<span class="wp-block-editorial-headline-posttext">Additional text.</span>
		</h2>
		<h3 id="headline-chapter-2" class="wp-block-editorial-headline {{modifier_class}}">
			<span class="wp-block-editorial-headline-pretext">Chapter 2:</span>
			A <strong>Typical</strong> Headline.
			<span class="wp-block-editorial-headline-posttext">Additional text.</span>
		</h3>
		<h4 id="headline-chapter-3" class="wp-block-editorial-headline {{modifier_class}}">
			<span class="wp-block-editorial-headline-pretext">Chapter 3:</span>
			A <strong>Typical</strong> Headline.
			<span class="wp-block-editorial-headline-posttext">Additional text.</span>
		</h4>