Button

The button element, in three weights and the status colours.

Source: src/stylus/elements/button.styl

Weights

A bare <button> is already styled; .primary and .secondary change the weight.

<button type="button" class="button primary">Primary</button>
<button type="button" class="button secondary">Secondary</button>
<button type="button" class="button">Default</button>

Status and state

.success, .warning, .error, .info; .active marks a pressed control and disabled is honoured.

<button type="button" class="button success">Success</button>
<button type="button" class="button warning">Warning</button>
<button type="button" class="button error">Error</button>
<button type="button" class="button" disabled>Disabled</button>