Standard Header Styles
h1
Created via h1 tag
Other element with .h1 class
h2
Created via h2 tag
Other element with .h2 class
h3
Created via h3 tag
Other element with .h3 class
h4
Created via h4 tag
Other element with .h4 class
h5
Created via h5 tag
Other element with .h5 class
h6
Created via h6 tag
Other element with .h6 class
Standard Body Styles (p, li)
- Normal (default or .normal)
- .small
- .smaller
- .smallest
- .large / .lead
- .larger
- .largest
- .disclaimer
Hollow Buttons (.button .hollow)
You can create variations by providing an .{color}-off class and a .{color}-hover class (accepted colors are: orange, dkorange, blue, dkblue, white). Or, go with the default combinations below
Stacked Buttons (.button .stacked)
These are meant to stack atop each other. By default, they go full with of available space and have a divider in between them. Last in the group gets a bottom divider. They are obviously best used in all the same color but below demonstrates the color choices. IMPORTANT: Wrap them in a .button-group for proper display. You can apply a stacked class to the group and each button within will inherit the stacked treatments.
Standard Buttons (.button)
You can create variations by providing an .{color}-off class and a .{color}-hover class (accepted colors are: orange, dkorange, blue, dkblue, white). Or, go with the default combinations below