Site Styles

This page is to serve as a Style guide for the Robertson Branding Website. Any new styles should be added and classes assigned as needed

Typography

Display Headings
Large Text
Header Intro Text
Web Headers

H1 Header

H2 Header

H3 Header

H4 Header

H5 Header
H6 Header
Body Copy
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Aenean lacinia bibendum nulla sed consectetur. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Curabitur blandit tempus porttitor.
Bullet list
  • This is a bulleted item in a bullet list
  • This is a bulleted item in a bullet list
  • This is a bulleted item in a bullet list
  • This is a bulleted item in a bullet list
  • This is a bulleted item in a bullet list
  • This is a bulleted item in a bullet list
Numbered LIst
  1. This is a numbered list item within a numbered list
  2. This is a numbered list item within a numbered list
  3. This is a numbered list item within a numbered list
  4. This is a numbered list item within a numbered list
  5. This is a numbered list item within a numbered list
  6. This is a numbered list item within a numbered list
  7. This is a numbered list item within a numbered list
  8. This is a numbered list item within a numbered list
  9. This is a numbered list item within a numbered list
  10. This is a numbered list item within a numbered list

Buttons

Colors

Color Modifiers
Coloring buttons are as easy as adding an additional class to each type of button. Below are modifiers for LIGHT BUTTONS, DARK BUTTONS and TEXT LINKS.
Text Links Over Light Backgrounds
.light-text-cta-color1
.light-text-cta-color2
.light-text-cta-color3
.light-text-cta-color4
.light-text-cta-color5
.light-text-cta-color6
Text Links Over Dark Backgrounds
.dark-text-cta-color1
.dark-text-cta-color2
.dark-text-cta-color3
.dark-text-cta-color4
.dark-text-cta-color5