.main-content > .panel--hero-text
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.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)

  • 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