1.0 - Modules
Reusable elements that can be used across the site. So far this just includes buttons.
1.1 - Buttons
A majority of buttons in the site are built from the same base class.
Default styling |
|
| Link Button | |
Indicate that the button is the primary feature of this form. |
.primary |
| Link Button | |
Indicate that the button will remove a feature, or other negative connotations. |
.remove |
| Link Button | |
Highlight the button when hovered. |
:hover |
| Link Button | |
Make the button change appearance to reflect it being disabled. |
: disabled |
| Link Button | |
"Press" the button down when clicked. |
:active |
| Link Button | |
<a href="#" class="button {$modifiers}">Link Button</a>
<button class="button {$modifiers}">Button Element</button>
<input type="button" class="button {$modifiers}" value="input[type='button']"/>