# Extra Classes

### Buttons

This theme provides a few extra classes of buttons on top of those provided by default: secondary & tertiary.

    <button class="btn btn-primary">Primary Button</button>
    <button class="btn btn-secondary">Secondary Button</button>
    <button class="btn btn-tertiary">Tertiary Button</button>

#### Button Classes

Class | Description
--- | ---
.btn-primary | Primary
.btn-secondary | Secondary
.btn-tertiary | Tertiary

### Progress Bars

This theme provides a few extra classes of progress bars on top of those provided by default: secondary & tertiary.

    <div class="progress progress-primary">
    	<div class="bar" style="width: 37%"></div>
    </div>

    <div class="progress progress-secondary">
    	<div class="bar" style="width: 37%"></div>
    </div>

    <div class="progress progress-tertiary">
    	<div class="bar" style="width: 37%"></div>
    </div>

#### Progress Bar Classes

Class | Description
--- | ---
.progress-primary | Primary
.progress-secondary | Secondary
.progress-tertiary | Tertiary

### Labels

This theme provides a few extra classes of labels on top of those provided by default: secondary & tertiary.

    <span class="label label-primary">
    	Primary Label
    </span>

    <span class="label label-secondary">
    	Secondary Label
    </span>

    <span class="label label-tertiary">
    	Tertiary Label
    </span>

#### Label Classes

Class | Description
--- | ---
.label-primary | Primary
.label-secondary | Secondary
.label-tertiary | Tertiary

### Badges

This theme provides a few extra classes of badges on top of those provided by default: secondary & tertiary.

    <span class="badge badge-primary">
    	Primary Badge
    </span>

    <span class="badge badge-secondary">
    	Secondary Badge
    </span>

    <span class="badge badge-tertiary">
    	Tertiary Badge
    </span>

#### Badge Classes

Class | Description
--- | ---
.badge-primary | Primary
.badge-secondary | Secondary
.badge-tertiary | Tertiary