Styleguide

This is the page for testing styles provided in the styleguide. This page can be used as a reference for adding the specific classes to achieve the items listed in the styleguide.

Please note: The items below do not contain everything in the styleguide, such as menu items, input text, and footer text. These items can be found in their respective locations on all pages.

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6

For the headers, simply select the Header block and the respective header. Every page will contain a Header 1 that is the page title, so avoid using H1 tags inside page content. Headers should be used for information organizational purposes, not for styling text in the page.

Callout

For callout, under Advanced on the right-hand side, add (without quotes) “callout” to the Additional CSS class(es) box.

Note: Callout must be a <p> tag.

Body text

This is the default body text. It will appear anywhere a paragraph is used, such as these explanations!

Links will be styled this way by default.

  • List item 1
  • List item 2
  • List item 3

List items will be styled this way by default

Orange Button

This is a custom block
DC Button – Orange

Simply select the Custom Block with the button style you’d like to use, enter the text and the link you want, and done!

Blue Button

This is a custom block
DC Button – Blue

Simply select the Custom Block with the button style you’d like to use, enter the text and the link you want, and done!

Reverse Button

This is a custom block
DC Button – Reverse

Simply select the Custom Block with the button style you’d like to use, enter the text and the link you want, and done!

#f27c32
Orange

#eff1f2
Light Gray

#fa6200
Red Orange

#cbd6da
Blue Gray

#006acd
Bright Blue

#4e4f51
Dark Gray