Buttons
Markup |
Demo |
<button class="btn btn-brand-neutral-black">Call to action</button> |
|
<button class="btn btn-brand-neutral-white">Call to action</button> |
|
<button class="btn btn-brand-accent-pink">Call to action</button> |
|
<button class="btn btn btn-brand-accent-yellow">Donate</button> |
|
<button class="btn btn-outline-brand-accent-pink">Call to action</button> |
|
<button class="btn btn-outline-brand-neutral-black">Call to action</button> |
|
The same classes can be added to links to make them behave like buttons:
Markup |
Demo |
<a href="#" class="btn btn-brand-neutral-black">Call to action</a> |
|
<a href="#" class="btn btn-brand-neutral-white">Call to action</a> |
|
<a href="#" class="btn btn-brand-accent-pink">Call to action</a> |
|
<a href="#" class="btn btn btn-brand-accent-yellow">Donate</a> |
|
<a href="#" class="btn btn-outline-brand-accent-pink">Call to action</a> |
|
<a href="#" class="btn btn-outline-brand-neutral-black">Call to action</a> |
|