Style Guide

Headings

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline
H6 Headline
H6 Headline

Body

Body.font-sans-serif

Body.font-bold

Body.font-serif

Body.font-serif.font-bold

Colors

Variables

--color-black
--color-white
--color-gray
--color-gray-light
--color-kaki
--color-sand
--color-creme
--color-lime
--color-red

Background

.bg-white
.bg-black
.bg-gray
.bg-gray-light
.bg-kaki
.bg-sand
.bg-creme
.bg-lime
.bg-red

Font

.font-white
.font-black
.font-gray
.font-gray-light
.font-kaki
.font-sand
.font-creme
.font-lime
.font-red

Icons

Dawn Icons

Icons in snippets/icon-accordion.liquid

Added Icons

Grilles (flex)

grid grid--3-col grid--4-col-tablet grid--6-col-desktop

grid grid--2-col grid--3-col-tablet grid--5-col-desktop

grid grid--1-col grid--2-col-tablet grid--4-col-desktop

grid grid--1-col grid--1-col-tablet grid--3-col-desktop

grid grid--1-col grid--1-col-tablet grid--2-col-desktop

grid grid--1-col grid--1-col-tablet grid--1-col-desktop

Buttons

btn btn--primary

Primary (Link)

btn btn--secondary

Secondary (Link)

btn

Default (Link)

btn btn--full-width

Default Full Width (Link)

Badges

Sold out Sale

Form elements

Colors
Color

Snippets