SCREEN AGES

1st Edition

  • H1 Tag: Top Title

  • H2 Tag: Main Title

  • H3 Tag: Subtitle with 6px border top

  • H4 Tag: Subtitle Heavy

  • H5 Tag: Subtitle with 3px border top
  • H6 Tag: Subtitle Heavy
  • Standard Anchor
  • Standard P (Main font is OpenSans)

  • The minimum size for a clickable object is 44px, a class of .fourtyfour will also add a cursor pointer
  • Adding a class of .break gives a 20px margin to the top of this P

  • Adding a class of .no-list-style removes bullet points from lists

  • Adding a class of .nopadtop removes margin-top from an object

  • Standard Caption (add a class of .caption to a tag)

  • Here is a blockquote<blockquote>
Some colour styles specified by TandF guidelines(add the class name to an item to give it the background colour!)
  • .danger (#CA1E47)
  • .alert (#F29500)
  • .passive (#85CC8E)
  • .tandf (#688FCA)
  • .dusk (#C17270)
  • .cyan (#448391)
  • .purple (#7368A0)
  • .slate (#343131)
  • .med_slate (#5F5F5F)
  • .mute_slate (#CFCFCF)
Button styles (add <button class="btn btn-default"> Click Me! </button> for example)