.img-rounded

Gives rounded borders to images

.img-circle

Turns images into circles by adding 50% border-radius

.space-bottom0, .space-bottom1, .space-bottom2, .space-bottom4

Adds bottom margins in increments of 5, 10, 20 and 40, respectively. .space-bottom is an alias for .space-bottom2

.space-bottom0
.space-bottom1
.space-bottom2 or .space-bottom
.space-bottom4

.small

Sets text to 12px and headings to 12px with all caps.

I don't know what we're yelling about

Warning Do not eat iPod shuffle

.micro

Sets fine print to 10px.

Warning Do not try to read this

.strong

Sets font weight on elements to bold.

.text-left, .text-right, .text-center, .text-justify

Aligns text. .center is an alias for .text-center.

.text-left

.text-right

.text-center or .center

.text-justify .text-justify .text-justify .text-justify

.quiet

Mutes text to #7f7f7f.

I just don't have anything to say.

.success and .danger

Contextual colors for good and bad

Research complete

Not enough minerals

Borders

Control where borders are set on an element

.keyline-top
.keyline-right
.keyline-bottom
.keyline-left
.keyline-all

.box

Creates a stylized box.

I'm boxy

Rounded corners

Round the corners of an element. .unround will take off rounded corners if they exist.

.round
.round-top
.round-right
.round-bottom
.round-left
.btn.unround

.pull-left and pull-right

Floats content to left or right

.pull-left
.pull-right

.clearfix

Easily clear floats by adding .clearfix to the parent element. Utilizes the micro clearfix as popularized by Nicolas Gallagher.

Column 1
Column 2

.contain

Quick way to set position to relative.

hola

Element is positioned in parent with .contain class.

Absolute positioning

Pin elements to the side or corners of an element. Be sure .contain is included on the parent element.

.pin-top
.pin-right
.pin-bottom
.pin-left
.pin-topleft
.pin-topright
.pin-bottomleft
.pin-bottomright

.truncate

Clip text and show an ellipsis for overflow.

Hey Jim, this is Louie down at the fish market. You going to pick up these halibut or what?

.strike

Strike through text.

strike out

.inline and .block

Change the display of an element.

I'm an .inline div
I'm a .block link

.lift

Add shadow to an element's bottom corners to lift it off the page.

Lift off!

.no-select

Makes text unselectable.

You can't select this.

Made with in Norcross by the UX Team.