This is the style guide and class/widget reference for the CL dawn retheme. Brand guide can be viewed here (though the color swatches and font instructions should be replicated here at some point): https://drive.google.com/drive/u/0/folders/1fRtuwY3M3KgZ1RZ9TBZbgT1PCqJZ3gQd

Please edit this page and/or template and keep it up to date as you create new blocks and styles. 

Color Palette

Navy

For headings, icons and small backgrounds

Blue

Only for backgrounds and objects that need to stand out

White

Main background color; For text on navy and blue backgrounds

Gray

Body text on white and gray backgrounds

Dark Gray

Background color when on top of white background; For line dividers

Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5 

Heading 6

This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eu nisi pretium, viverra libero id, ullamcorper urna. Sed lectus orci, condimentum ut tincidunt at, pharetra consequat arcu. Nam dignissim augue ut ipsum convallis, id ornare dui auctor. Duis eu facilisis tortor, maximus finibus metus. Curabitur finibus ultrices metus non varius.

Phasellus rhoncus vitae nisl non commodo. Nulla vehicula ut nisi eget porta. Praesent id placerat elit, in iaculis eros. Ut quis hendrerit felis, vitae sodales sem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Quisque placerat magna sed enim tempor, vitae tristique tellus congue. Phasellus sit amet sapien neque. Phasellus porta ex libero, porta volutpat massa molestie eu. Nulla

• bullet
• list
• item

1. numbered
2. list
3. item

Blockquote. orem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eu nisi pretium, viverra libero id, ullamcorper urna. Sed lectus orci, condimentum ut tincidunt at, pharetra consequat arcu. Nam dignissim augue ut ipsum convallis, id ornare dui auctor. Duis eu facilisis tortor, maximus finibus metus. Curabitur finibus ultrices metus non varius.Phasellus rhoncus vitae nisl non commodo. Nulla vehicula ut nisi eget porta.

Praesent id placerat elit, in iaculis eros. Ut quis hendrerit felis, vitae sodales sem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Quisque placerat magna sed enim tempor, vitae tristique tellus congue. Phasellus sit amet sapien neque. Phasellus porta ex libero, porta volutpat massa molestie eu. Nulla

Still needed: Demo of grid. Current/default breakpoints:

• 1200
• max: 989, min: 990
• max: 749, min: 750