Buttons

Markup for buttons

Size

<button class="button button--small">Small</button>
<button class="button">Default</button>
<button class="button button--big">Big</button>

Color

<button class="button">Theme</button>
<button class="button button--theme-alt">Theme Alt</button>
<button class="button button--dark">Dark</button>
<button class="button button--light">Light</button>
<button class="button button--white">White</button>

Transparent with border

<button class="button button--border">Border</button>

Underline

<button class="button button--underline">Border</button>

Block

<button class="button button--block">Button block</buttton>

Button Loading

<button class="button button--loading">Button loading</a>