Heading 1 & 2

Heading 3

Heading 4

Heading 5
Heading 6

Buttons

.btn // .btn .reverse

Default
Reverse

.btn .btn--white

White
White

.btn .btn--black

Black
Black

.btn .btn--gold-black

Gold/Black
Gold/Black

.btn .btn--gold-white

Gold/White
Gold/White

Colors

Text

.black

Black

Black

.white

White

White

.gold

Gold

Gold

Backgrounds

.bg-black

.bg-white

.bg-gold

Flex

Mixin

.flex is the container

@include flex-width('full')
@include flex-width('half')
@include flex-width(50%)
@include flex-width('third')
@include flex-width('third')
@include flex-width(33.3334%)

Built-in values: full, half, third, quarter& fifth

*You can also place a precentage number in the include -- @include(50%)