Box

Overview

Boxes off content from the surrounding elements.

<div class="c-box">
</div>

Demo on CodePen

Modifiers

Spacing

Applies padding on the block and inline axis.

Name	Description
c-box--spacing-sm	Small.
c-box--spacing-md	Medium.
c-box--spacing-lg	Large.

<div class="c-box c-box--spacing-lg">
</div>

Demo on CodePen

Border

Name	Description
c-box--bordered	Applies a border around the box.
c-box--rounded	Applies a border radius.

<div class="c-box c-box--bordered">
</div>