Buttons

Loading Button

Try the (btn-loader) class when the wait for the user is longer than expected after a button submit.

<input type="submit" value="Submit" class="button btn-loader" data-submit-text="Processing">

Primary Button Colors

button
Button
button secondary
Button

Complementary Purples

button color-3
Button
button color-4
Button
button color-5
Button
button color-6
Button
button color-19
Button
button color-20
Button

For Use on Dark Backgrounds Only

button color-21
Button
button color-22
Button

Secondary Colors

button color-25
Button
button color-26
Button
button color-27
Button
button color-28
Button

Other Buttons

button alert
Button
button success
Button
button warning
Button
button info
Button

Sizes

button tiny
Button
button small
Button
button
Button
button large
Button

Styles

button
Button
button radius
Button
button round
Button

Bars

<ul class="button-group">

   <li><a href="#" class="button">Button</a></li>

   <li><a href="#" class="button">Button</a></li>

   <li><a href="#" class="button">Button</a></li>

</ul>

<ul class="button-group round">

   <li><a href="#" class="button">Button</a></li>

   <li><a href="#" class="button">Button</a></li>

   <li><a href="#" class="button">Button</a></li>

</ul>

<ul class="button-group radius">

   <li><a href="#" class="button">Button</a></li>

   <li><a href="#" class="button">Button</a></li>

   <li><a href="#" class="button">Button</a></li>

</ul>