Buttons

Buttons styles are similar to bootstrap, but are rewritten. Bootstrap styles are not used.

Button classes can be applied to button or a elements.

Basic usage

These buttons change with the theme.

<button class=" primary">Primary</button>
<button>Default</button>

Colors

Force specific theme color.

These buttons won’t change with the theme.

Sales Corporate

<button type="button" class="button default">Default</button>
<a href="#" class="button sales">Sales</a>
<a href="#" class="button corporate">Corporate</a>

Functional colors.

Danger

<button type="button" class="button success">Success</button>
<a href="#" class="button danger">Danger</a>

Outline

<button type="button" class="button outline">Primary</button>

Sizes

<button class="primary small">Small button</button>
<button class="primary">Normal button</button>
<button class="primary big">Big button</button>
<button class="primary massive">Massive button</button>

Appear as link

<button type="button" class="button link">Link</button>

States

NOTE: Disabled In progress

Fluid

<button type="button" class="button primary fluid">Fluid button</button>