Skip to main content

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