Heading Classes

heading-style-h1

Heading 1

heading-style-h2

Heading 2

heading-style-h3

Heading 3

heading-style-h4

Heading 4

heading-style-h5
Heading 5
heading-style-h6
Heading 6

Text Sizes

text-size-large
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales lectus et augue hendrerit porttitor. Integer aliquet tincidunt nisl, nec placerat lacus euismod eget.
text-size-medium
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales lectus et augue hendrerit porttitor. Integer aliquet tincidunt nisl, nec placerat lacus euismod eget.
text-size-medium-light
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales lectus et augue hendrerit porttitor. Integer aliquet tincidunt nisl, nec placerat lacus euismod eget.
text-style-small
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales lectus et augue hendrerit porttitor. Integer aliquet tincidunt nisl, nec placerat lacus euismod eget.
rl-text-style-tiny
This is some text inside of a div block.
rl-text-style-subheading
This is some text inside of a div block.
rl-text-style-link
This is some text inside of a div block.

Buttons

rl-button
Button +
rl-button-small
Button
rl-button-secondary
Button
rl-button-secondary-small
Button
rl-button-link
Button

Form Elements

rl-field-label
rl-form-input
rl-form-text-area
rl-form-select-input
rl-form-checkbox
rl-form-radio
rl-button
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Colors

na-black
na-white
na-beige
na-yellow
na-silver
na-red
na-darkgrey
na-grey

Structure Classes

Defined and flexible core structure we can use on all or most pages.

rl-page-wrapper
rl- main-wrapper
rl-container-small
rl-container-medium
rl-container-large
rl-padding-global
rl-padding-section-medium
rl-padding-section-large
rl-button-group