Box

Boxes off content from the rest of the page

<div class="c-box u-color-neutral">
	The quick brown fox jumped over the lazy dog.
</div>

Modifiers

Border

Applies a thin border around the box.

<div class="c-box c-box--border">
	The quick brown fox jumped over the lazy dog.
</div>

Spacing

Applies padding inside the box.

<div class="c-box c-box--spacing-sm u-color-neutral">
	The quick brown fox jumped over the lazy dog.
</div>

<div class="c-box c-box--spacing-lg u-color-neutral">
	The quick brown fox jumped over the lazy dog.
</div>