TYPOGRAPHY

You'll see that these typography elements don't have classes. That's because on this page, we want to edit the styles after selecting "All H1 Headings" for example, so that it will effect all the elements on the site. To do this, select the H1 below, click where it says "Select a Class or Tag" and select "All H1 Headings" at the bottom of the list.
DISPLAY

If you edit styles here, they will change across the site.

H1

If you edit styles here, they will change across the site.

H2

If you edit styles here, they will change across the site.

H3

If you edit styles here, they will change across the site.

H4

If you edit styles here, they will change across the site.

H5
If you edit styles here, they will change across the site.
H6
If you edit styles here,
they will change across the site.
PARAGRAPH

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. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. 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.

PARAGRAPH* DECORATION

For those who believe in God, most of the big questions are answered (<text-span-dropcap>). But for those of us who can't readily accept the God formula, the big answers don't remain stone-written. We adjust to new conditions and discoveries. We are pliable. Love need not be a command nor faith a dictum. I am my own god. </text-span-dropcap>We are here to unlearn the teachings of the church, state, and our educational system. We are here to drink beer1. We are here to kill war (1). We are here to laugh at the odds and live our lives so well that Death will tremble to take us. ― Charles Bukowski

Borem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, (<text-span-highlight>)</text-span-highlight>. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum<text-span-superscript></text-span-superscript>. 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 (2).

(1) Alexander Aciman and Emmett Rensin, Twitterature: The World’s Greatest Books in Twenty Tweets or Less (New York: Penguin Books, 2009), 47-48.
‍
(2) Aciman and Rensin, Twitterature, 25.
RICH TEXT

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
A rich link element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Text Link

LINES

These render differently in different browsers and use the following classes:
<line-thin>, <line-medium>, <line-heavy>, <line-beefy>, </line-beefy></line-heavy></line-medium></line-thin>
<line-thin>+<vertical>, etc.</vertical></line-thin>
LINES

FORMS

What to say about something so annoyingly necessary.
EMAIL FORM - LEFT
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
SUBSCRIBE FORM - LEFT
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
EMAIL FORM - CENTERED
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
SUBSCRIBE FORM - CENTERED
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

ICONS

Use SVG format, HTML embeds. Inside the Embed code, look for the fill attribute declaration and replace the #'d color with a word called currentColor (case important).
EMAIL FORM - LEFT
EMAIL FORM - LEFT
EMAIL FORM - LEFT
🎐