Global

Text and border color set to white, background inherits

Text and border color set to red, background inherits

This text is aligned left

This text is aligned center

This text is aligned right

Backgrounds

.bg-shade

.bg-white

Hello box

.bg-red

.bg-dark

.bg-gray

.bg-texture

Boxes

These area all TBD as global includes

.box-text

.box-caption

.box-border

.box-red

Text

Define the "copy text" as the default body text style

.font-body (override default headline font)

This h2 is rolling in the deep.

.font-head

This paragraph is using headline font.

.font-subhead

This h2 is using subhead font.

.text-uppercase

Graphically make the text uppercase while SEO reads it normally. Automatically kern a little wider.

.text-caption

Caption text style for images and their features.

.text-subhead

Subhead text style for any element.

.text-bighead

Style this paragraph like a big headline. Use Strong/bold tag when needed.

Style this h5 like a big headline.

 

Figure out:

h1,h2,h3,h4,h5,h6

Header on pictures, border bottom red

---

Captions

.caption-heading | .caption-heading-white

Uses .box-text .bg-shade .color-white

.caption-box-ur | .caption-box-ul | .caption-box-dr | .caption-box-dl

Uses .box-text .box-border, Inherits border-color, color

       

.caption-box

Uses .box-text .box-border, Inherits border-color, color

---

Numbered List

1. You are important

   it's true. even if your grandma says it isn't.

2. You is kind

   You is special

3. You is
4. You are important
   1. maybe
   2. sometimes
5. You is kind
6. You is special
7. You is
8. You are important
9. You is kind
10. You is special
11. You is

---

Grid/Content Layout Styles

   

---

Text on Picture