Spacing

Space-2px

Space-4px

Space-8px

Space-10px

Space-12px

Space-16px

Space-18px

Space-20px

Space-24px

Space-32px

Space-40px

Space-48px

Space-56px

Space-60px

Space-64px

Space-72px

Space-80px

Space-100px

Space-120px

Space-140px

All Class Heading

Heading

heading-size

heading-size-xlarge

heading-size-large

heading-size-medium

heading-size-small

Heading

text-size

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-size-xlarge

text-size-large

text-size-medium

text-size-small

text-weight

text-weight-100

text-weight-200

text-weight-300

text-weight-400

text-weight-500

text-weight-600

text-weight-700

text-weight-800

text-weight-900

text-color

text-color-primary-purple

text-color-primer-purple-dark

text-color-contrast-green

text-color-contrast-orange

text-color-purple-light

text-color-purple-lighter

text-color-pink-light

text-color-pink-lighter

text-color-yellow-light

text-color-yellow-lighter

text-color-orange-light

text-color-orange-lighter

text-color-black

text-color-white

text-color-gray-800

text-color-gray-600

text-color-gray-400

text-color-gray-100

text-color-gray-50

Backgorund-color

bg-color-primary-purple

bg-color-primer-purple-dark

bg-color-contrast-green

bg-color-contrast-orange

bg-color-purple-light

bg-color-purple-lighter

bg-color-pink-light

bg-color-pink-lighter

bg-color-yellow-light

bg-color-yellow-lighter

bg-color-orange-light

bg-color-orange-lighter

bg-color-black

bg-color-white

bg-color-gray-800

bg-color-gray-600

bg-color-gray-400

bg-color-gray-100

bg-color-gray-50