.main-content > .panel--hero-text

Heading

This is some text inside of a div block.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Text Link
Box Helpers

Box Helpers

.margin-0--top
.margin-0--right
.margin-0--bottom
.margin-0--left
.tablet--margin-0--top
.tablet--margin-0--right
.tablet--margin-0--bottom
.tablet--margin-0--left
.phablet--margin-0--top
.phablet--margin-0--right
.phablet--margin-0--bottom
.phablet--margin-0--left
.phone--margin-0--top
.phone--margin-0--right
.phone--margin-0--bottom
.phone--margin-0--left
.margin-half--top
.margin-half--right
.margin-half--bottom
.margin-half--left
.phone--margin-half--top
.phone--margin-half--right
.phone--margin-half--bottom
.phone--margin-half--left
.margin-1--top
.margin-1--right
.margin-1--bottom
.margin-1--left
.phone--margin-1--top
.phone--margin-1--right
.phone--margin-1--bottom
.phone--margin-1--left
.margin-line--top
.margin-line--right
.margin-line--bottom
.margin-line--left
.margin-p--top
.margin-p--right
.margin-p--bottom
.margin-p--left
border-top
border-bottom
.padding-0--top
.padding-0--right
.padding-0--bottom
.padding-0--left
.padding-quarter--top
.padding-quarter--right
.padding-quarter--bottom
.padding-quarter--left
.padding-1--top
.padding-1--right
.padding-1--bottom
.padding-1--left
.padding-line--top
.padding-line--right
.padding-line--bottom
.padding-line--left
.padding-p--top
.padding-p--right
.padding-p--bottom
.padding-p--left

Heading

.type3--small is 2rem / 2.5rem
.type2--small is 1.1875rem / 1.5rem
.type1--small is 0.8825rem rem / 1.5rem
.type3 is 2.5rem / 3rem
.type2 is 1.5rem / 2rem
.type1 is 1rem / 1.5rem
.type3--large is 3.1875rem/4rem
.type2--large is 2rem / 2.5rem
.type1--large is 1.1875 rem / 1.5rem

Generic Rich Text Editor

Heading 1— 2.5 / 3rem (.type3)

Heading 2— 2.5 / 3rem (.type3)

Heading 3 — 1.25 / 2rem (.type2)

Heading 4 — 1.25 / 2rem; (.type2)

Heading 5 — 1 / 1.5rem; (.type2)
Heading 6 — 1.5 / 2rem (.type2)

Paragraph — 1 / 1.5rem; 1.5rem margin-bottom (.type1)

  • List Item
  • List Item
  1. Ordered List Item
  2. Ordered List Item

Rich Text Editor--Padded

Heading 1— 2.5 / 3rem (.type3)

Heading 2— 2.5 / 3rem (.type3)

Heading 3 — 1.5 / 2rem (.type2)

Heading 4 — 1.5 / 2rem; (.type2)

Heading 5 — 1.5 / 2rem; (.type2)
Heading 6 — 1.5 / 2rem (.type2)

Paragraph — 1 / 1.5rem; 1.5rem margin-bottom (.type1) Paragraph — 1 / 1.5rem; 1.5rem margin-bottom (.type1)

  • List Item
  • List Item
  1. Ordered List Item
  2. Ordered List Item

RTE--small

Heading 1— 2 / 3rem (type3--small)

Heading 2— 2 / 3rem (type3--small)

Heading 3 — 1.1875 / 1.5rem (type2--small)

Heading 4 — 1.1875 / 1.5rem; (type2--small)

Heading 5 — 1.1875 / 1.5rem; (type2--small)
Heading 6 — 1.1875 / 1.5rem; (type2--small)

Paragraph — .8825 / 1.5rem; 1.5rem margin-bottom (.type1--small)

  • List Item
  • List Item
  1. List Item
  2. List Item

RTE--Large

Heading 1— 3.1875 / 4rem (.type3--large)

Heading 2— 3.1875 / 4rem (.type3--large)

Heading 3 — 2 / 2.5rem (.type2--large)

Heading 4 — 2 / 2.5rem (.type2--large)

Heading 5 — 2 / 2.5rem (.type2--large)
Heading 6 — 2 / 2.5rem (.type2--large)

Paragraph — 1.1875 / 1.5rem; 1.5rem margin-bottom (.type1--large)

  • List Item
  • List Item
  1. Ordered List
  2. Ordered List
.panel--wide
.panel--narrow
.main.content > .panel--full > .flex-top-between
.main.content > .panel--full > .flex-center-between
.main.content > .panel--full > .flex
.main.content > .panel--full > .flex-start
.main.content > .panel--full > .flex-center
.main.content > .panel--full > .flex-top-center
.main.content > .panel--full > .flex-left-center
.main-content > .panel
.solid--buttonwm-button (sort & filter ui).outline-button
.gray-text
.black-text
.bronze-text
.tan-background
.silver-background
.light-overlay
.dark-overlay
.border-top.gold-border
.border-bottom.gold-border
No Underline
This is some text inside of a div block.
.demi-bold
.uppercase
.type0
.tablet--type0
.phablet--type0
.phone-type0
.type0--small
.tablet--type0--small
.phablet--type0--small
.phone-type0--small
.type1
.tablet--type1
.phablet--type1
.phone-type1
.type1--small
.tablet--type1--small
.phablet--type1--small
.phone-type1--small
.type1--short
.tablet--type1--short
.phablet--type1--short
.phone-type1--short
.type1--large
.tablet--type1--large
.phablet--type1--large
.phone-type1--large
.type1--tall
.tablet--type1--tall
.phablet--type1--tall
.phone-type1--tall
.type2
.tablet--type2
.phablet--type2
.phone-type2
.type2--small
.tablet--type2--small
.phablet--type2--small
.phone-type2--small
.type2--short
.tablet--type2--short
.phablet--type2--short
.phone-type2--short
.type2--large
.tablet--type2--large
.phablet--type2--large
.phone-type2--large
.type2--tall
.tablet--type2--tall
.phablet--type2--tall
.phone-type2--tall
.type3
.tablet--type3
.phablet--type3
.phone-type3
.type3--small
.tablet--type3--small
.phablet--type3--small
.phone-type3--small
.type3--short
.tablet--type3--short
.phablet--type3--short
.phone-type3--short
.type3--large
.tablet--type3--large
.phablet--type3--large
.phone-type3--large
.type3--tall
.tablet--type3--tall
.phablet--type3--tall
.phone-type3--tall