CSS Components and Styleguide

Buttons

Try out the element's hover state!

Examples
Default styling
Link
.button--primary
Primary element.
Link
.button--warning
Warning element.
Link
.button--go
Go forth and prosper element.
Link
.button--light
Use with dark backgrounds.
Link
.button--lg
Large element.
Link
Markup: components/buttons/buttons.html
                    <button class="button [modifier class]">Button</button>
<input type="submit" class="button [modifier class]" value="Input" />
<a class="button [modifier class]" href="#">Link</a>
<button class="button [modifier class]" disabled>Button has disabled attr</button>
                  
Source: components/buttons/_buttons.scss, line 1