Buttons
You may attach the .button to class to an input, button, or anchor element.
<button class="button">Button</button>
<input class="button" type="submit" value="Submit"/>
<a class="button" href="#">Anchor</a>By default you have four color modifiers for buttons namely: -default, -primary, -danger, and -success
<button class="button -default">Button</button>
<button class="button -primary">Button</button>
<input class="button -success" type="submit" value="Submit"/>
<a class="button -danger" href="#">Anchor</a>If you don’t care for the default button styles you have -outline styled buttons as well.
<button class="button -outline">Default</button>
<button class="button -primary-outline">Primary</button>
<button class="button -danger-outline">Danger</button>
<button class="button -success-outline">Success</button>