--- layout: default title: "Boxes" date: 2013-05-17 23:24:04 --- Boxes ====== The `atlas_assets` gem ships with a few styles you can apply to `div` elements, to make them into grouped boxes, to use on e.g. a profile page to split up the content. Default Box -----------

This is just a normal box

~~~html

This is just a normal box

~~~ ### Box With Top

This is a box with a top Top Button

This is the content.

~~~html

This is a box with a top Top Button

This is the content.

~~~ ### Box With Bottom

This is the content.

This is a box with a bottom Bottom Button

~~~html

This is the content.

This is a box with a bottom Bottom Button

~~~ ### Box With All The Things

A Real World Example with a list instead of box-inner. Yo Dawg

Item 1
Item 2
Item 3
Item 4

This is the bottom!

~~~html

A Real World Example with a list instead of box-inner. Yo Dawg

Item 1
Item 2
Item 3
Item 4

This is the bottom!

~~~ It also works for gray lists.

Top

Item 1
Item 2
Item 3
Item 4

Bottom

Variations ------ Add `.box-white` to create a box with white background.

A Real World Example with a list instead of box-inner. Yo Dawg

Item 1
Item 2
Item 3
Item 4

This is the bottom!

~~~html

...

~~~