Grid Classes

Named classes

There are several sizes which have names. These names can be used in the classes on different sizes.

size value
..-full 1/1
..-half 1/2
..-third 1/3
..-quarter 1/4
..-fifth 1/5
..-sixth 1/6

Also all extra parts are available..

size value
..-two-third 2/3
..-three-quarter 3/4
..-four-fifth 4/5
..-five-sixth 5/6
<div class="row">
	<div class="column small-full medium-half"></div>
</div>

Numbered classes

<div class="row">
	<div class="column small-24 medium-12"></div>
</div>

Visibilty Helper classes

Class Description
hide-for-small-only Hides the element on small only
hide-for-medium-only Hides the element on medium only
hide-for-large-only Hides the element on large only
hide-for-xlarge-only Hides the element on xlarge only
hide-for-medium-up Hides the element on medium and above
hide-for-large-up Hides the element on large and above
hide-for-xlarge-up Hides the element on xlarge and above
hide-for-medium-down Hides the element on medium and below
hide-for-large-down Hides the element on large and above
hide-for-xlarge-down Hides the element on xlarge and above