Site styles for content formating

The site has a library of CSS Classes to maintain consistency in colors,
text treatments, and spacing throughout the site.

Below is a list of the Class names styled with their properties.

Font Styles

Good for when you need to use a font certain tag for SEO, but want it styled like another tag…
t-txt-h1
t-txt-h2
t-txt-h3
t-txt-h4
t-txt-big
t-txt-med
t-txt-norm
t-txt-sm
t-txt-xsm

Text Colors

t-txt-clr1

t-txt-clr2

t-txt-clr3

t-txt-clr4

t-txt-clr5

t-txt-clr6

t-txt-clr7

t-txt-blk (t-txt-wht for white text)


Text Weights

txt-wght-100

txt-wght-200

txt-wght-300

txt-wght-400

txt-wght-500

txt-wght-600

txt-wght-700

txt-wght-800


Background Colors

t-bg-clr1
t-bg-clr2
t-bg-clr3
t-bg-clr4
t-bg-clr5
t-bg-clr6
t-bg-clr7
t-bg-blk (t-bg-wht for white text)

Paddings

t-pad-5px
t-pad-10px
t-pad-15px
t-pad-20px
t-pad-25pc
t-pad-33pc
t-pad-50pc
t-pad-75pc
t-pad

Note: To add padding to select edges, format as the example below:

t-pad-50pc-rt (Right)
t-pad-50pc-lt (Left)
t-pad-50pc-top (Top)
t-pad-50pc-bot (Bottom)

Margins

t-marg-5px
t-marg-10px
t-marg-15px
t-marg-20px
t-marg-25pc
t-marg-33pc
t-marg-50pc
t-marg-75pc
t-marg

Note: To add margin to select edges, format as the example below:

t-marg-50pc-rt (Right)
t-marg-50pc-lt (Left)
t-marg-50pc-top (Top)
t-marg-50pc-bot (Bottom)