Skip to content

CSS Classes

Cheat sheet of CSS codes to give you more control over a page’s visual presentation

Title Line

To use the title line line, you will need to begin each series with: “title-line”

Here is an example

Position

  • t-above
  • t-below

Padding

 

 

Padding Top

  • pt-5
  • pt-10
  • pt-15
  • pt-20
  • pt-25
  • pt-30
  • pt-35

Padding Bottom

  • pb-5
  • pb-10
  • pb-15
  • pb-20
  • pb-25
  • pb-30
  • pb-35

Margins

 

 

Margin Top

  • mt-5
  • mt-10
  • mt-15
  • mt-20
  • mt-25
  • mt-30
  • mt-35

Margin Bottom

  • mb-5
  • mb-10
  • mb-15
  • mb-20
  • mb-25
  • mb-30
  • mb-35

Borders

Placement

  • line-full-above
  • line-full-below
  • line-max-above
  • line-max-below
  • line-max-below

Setting line length

While using some components, it may be appropriate to set a max line length. Administrators can do so using one of the following classes:

  • max-text-left
  • max-text-center
  • max-text-right

A screenshot of a website using max line length

Return to the top of the page