Buttons
Markup for buttons

Size

1
<button class="button button--small">Small</button>
2
<button class="button">Default</button>
3
<button class="button button--big">Big</button>
Copied!

Color

1
<button class="button">Theme</button>
2
<button class="button button--theme-alt">Theme Alt</button>
3
<button class="button button--dark">Dark</button>
4
<button class="button button--light">Light</button>
5
<button class="button button--white">White</button>
Copied!

Transparent with border

1
<button class="button button--border">Border</button>
Copied!

Underline

1
<button class="button button--underline">Border</button>
Copied!

Block

1
<button class="button button--block">Button block</buttton>
Copied!

Button Loading

1
<button class="button button--loading">Button loading</a>
Copied!
Last modified 1yr ago