Boxing

A complete set of padded cells. Just for you.

Letter Boxes

Letter boxes provide padding to the top and bottom of a given element.

Available letter box sizes:

.u-letter-box--super
.u-letter-box--xlarge
.u-letter-box--large
.u-letter-box--medium
.u-letter-box--small
.u-letter-box--xsmall
.u-letter-box--tiny
.u-letter-box--none

Pillar Boxes

Pillar boxes provide padding to the left and right of a given element.

Available pillar box sizes:

.u-pillar-box--super
.u-pillar-box--xlarge
.u-pillar-box--large
.u-pillar-box--medium
.u-pillar-box--small
.u-pillar-box--xsmall
.u-pillar-box--tiny
.u-pillar-box--none

Window Boxes

Window boxes provide padding to the all sides of a given element.

Available box sizes:

.u-window-box--super
.u-window-box--xlarge
.u-window-box--large
.u-window-box--medium
.u-window-box--small
.u-window-box--xsmall
.u-window-box--tiny
.u-window-box--none