CSS Components

We have not enabled all the UI Elements available in Foundation. Enabling all the components would require additional JS, so we have kept the extra JS as lean as possible and will add further Foundation functionality if required.

Alert Boxes

This is a standard alert (div.alert-box).
This is a success alert (div.alert-box.success).
This is an alert (div.alert-box.alert.round). Close
This is a secondary alert (div.alert-box.secondary). Close

Panels

This is a regular panel.

It has an easy to override visual style, and is appropriately subdued.

This is a callout panel.

Content...


Tables

Control the width of your table using the grid standard large-* and/or small-* classes.

Table Header Table Header Table Header Table Header
Content This is longer content Donec id elit non mi porta gravida at eget metus. Content Content
Content This is longer content Donec id elit non mi porta gravida at eget metus. Content Content
Content This is longer content Donec id elit non mi porta gravida at eget metus. Content Content
Content This is longer content Donec id elit non mi porta gravida at eget metus. Content Content