Stylesheet

Jump to:

Layout

Grids

Size

c-w-full (fullwidth)
mw-990
mw-720
mw-475
c-h-full (fullheight)

Flex

Horizontal

c-flex-h--align-top
c-flex-h--align-center

Vertical

c-flex-v--align-left
c-flex-v--align-center

Position

Relative

c-relative
c-relative--z2 (z-index set to 2)

Absolute

c-absolute

Margins

mx-auto (centered)

Top

mt-

Right

mr-4
mr-8
mr-16

Bottom

mb-8
mb-16
mb-24
mb-32
mb-48
mb-96
mb-128

Left

ml-auto

Paddings

Top

pt-16

Right

pr-48

Bottom

pb-

Left

pr-48

Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Subheading

letter-spacing-16em

X-Large 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.

Large 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.

Default 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.

Small 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.

X-Small 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.

txw--bold

txw--medium

tx--underline

tx--align-center

tx--align-right

Heading 1

Heading 2

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.

Heading 3

Heading 4

Heading 5 - Unordered List
  • List Item
  • List Item
  • List Item
  • List Item
Heading 6 - Ordered List
  1. List Item
  2. List Item
  3. List Item
  4. List Item
Logo

Colors

Text

tx--white
tx--snow
tx--ivory
tx--slate
tx--ocean
tx--forest
tx--copper
tx--black

Background

Buttons

Get in Touch
Get in Touch
Get in Touch
Get in Touch
Get in Touch
Get in Touch
CTA link →

Tabs

Tab 1
Tab 2
Tab 3

Design Elements

Animations