Text Sizes

Mollit ad ea labore aute deserunt commodo sit amet ut. Ut ad labore veniam ea. Voluptate in eu sunt excepteur duis culpa.

u-text-style-h1

All H1 Headings

Heading

u-text-style-h2

All H2 Headings

Heading

u-text-style-h3

All H3 Headings

Heading

u-text-style-h4

All H4 Headings

Heading

u-text-style-h5

All H5 Headings

Heading

u-text-style-h6

All H6 Headings

Heading

u-text-style-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.

u-text-style-main

body

u-text-style-small

u-text-style-xsmall

Text Weight

Mollit ad ea labore aute deserunt commodo sit amet ut. Ut ad labore veniam ea. Voluptate in eu sunt excepteur duis culpa.

u-weight-regular

Lorem ipsum dolor sit amet

u-weight-medium

Lorem ipsum dolor sit amet

u-weight-bold

Lorem ipsum dolor sit amet

Text Colours

Mollit ad ea labore aute deserunt commodo sit amet ut. Ut ad labore veniam ea. Voluptate in eu sunt excepteur duis culpa.

u-text-colour-primary

Lorem ipsum dolor sit amet

u-text-colour-secondary

Lorem ipsum dolor sit amet

u-text-colour-accent

Lorem ipsum dolor sit amet

u-text-inverse

Lorem ipsum dolor sit amet

Text Wrap

Mollit ad ea labore aute deserunt commodo sit amet ut. Ut ad labore veniam ea. Voluptate in eu sunt excepteur duis culpa.

u-text-wrap-none

Lorem ipsum dolor sit amet

u-text-wrap-pretty

Lorem ipsum dolor sit amet

u-text-wrap-balance

Lorem ipsum dolor sit amet

Line Clamp

Mollit ad ea labore aute deserunt commodo sit amet ut. Ut ad labore veniam ea. Voluptate in eu sunt excepteur duis culpa.

u-text-1-line

u-text-2-lines

u-text-3-lines

Text Alignment

Mollit ad ea labore aute deserunt commodo sit amet ut. Ut ad labore veniam ea. Voluptate in eu sunt excepteur duis culpa.

u-text-align-left

Lorem ipsum dolor sit amet

u-text-align-center

Lorem ipsum dolor sit amet

u-text-align-right

Lorem ipsum dolor sit amet

Container

Mollit ad ea labore aute deserunt commodo sit amet ut. Ut ad labore veniam ea. Voluptate in eu sunt excepteur duis culpa.

u-container

is-large

u-container

is-medium

u-container

is-small

u-container

is-full

u-container

is-bleed

Grid

Mollit ad ea labore aute deserunt commodo sit amet ut. Ut ad labore veniam ea. Voluptate in eu sunt excepteur duis culpa.

u-grid

[cc-column-count="1"]

u-grid

[cc-column-count="2"]

u-grid

[cc-column-count="3"]

u-grid

[cc-column-count="4"]

u-grid

[cc-column-count="5"]

u-grid

[cc-column-count="6"]