Primary

Class: .color-primary
CSS: @color-p2
HEX: #
RGB:

Highlight

Class: .color-highlight
CSS: @color-p1
HEX: #
RGB:

Secondary

Class: .color-s1
CSS: @color-s1
HEX: #
RGB:

Standout

Class: .color-standout
CSS: @color-p3
HEX: #
RGB:

Samples

Light background

Link grid

Short link 1
Short link 2
Short link 3

Buttons

Default
.btn-default .btn-primary .btn-highlight .btn-standout .btn-secondary
Hover
.btn-default.active .btn-primary.active .btn-highlight.active .btn-standout.active .btn-secondary.active

Cards

Card (Overstated)

button
Card Body

Card (Standout)

button
Card Body

Dark background

Link grid

Short link 1
Short link 2
Short link 3

Buttons

Default
.btn-default .btn-primary .btn-highlight .btn-standout .btn-secondary
Hover
.btn-default.active .btn-primary.active .btn-highlight.active .btn-standout.active .btn-secondary.active

Cards

Card (Overstated)

button
Card Body

Card (Standout)

button
Card Body