Button

Button

<button class="ss-btn ss-success">Button</button>

Basic Button

.ss-btn .ss-button

Outlined Button

Outlined

<button class="ss-btn ss-outline">Outlined</button>

Inverted Button

Inverted

<button class="ss-btn ss-inverted">Inverted</button>

Group Buttons

<div class="ss-btn-group">
  <button class="ss-btn">Button</button>
  <button class="ss-btn">Button</button>
  <button class="ss-btn">Button</button>
</div>

Button Color

All the ss-color, ss-bg-color and ss-bd-color classes can be used to color buttons.

ss-color to color button text.

Red

<button class="ss-btn ss-red">Red</button>

ss-bg-color to color background.

Blue

<button class="ss-btn ss-inverted ss-bg-brand">Blue</button>

ss-bd-color to color border.

Purple

<button class="ss-btn ss-inverted ss-bd-purple">Purple</button>