Buttons

Simple CSS for Buttons

Classy buttons are big clickable buttons, great for form actions and primary page actions. This is used extensively around the site.

:hover Button (a.button-classy)

:disabled Button (a.button-classy)

.disabled Button (a.button-classy)

<button class="classy {{modifier}}">Button (button.classy)</button>
<a href="#" class="button-classy {{modifier}}">Button (a.button-classy)</a>

Primary buttons are designed for the main form action, use whenever creating something.

:hover Button (a.button-primary)

<button class="primary {{modifier}}">Button (button.primary)</button>
<a href="#" class="button-primary {{modifier}}">Button (a.button-primary)</a>