Style Guide for default

This style guide is generated from design tokens. The correct way to set up and customize the style guide is outlined in this Confluence Page.

primary

.lrv-a-font-primary-xxl

Each of us knows a little, together we know a lot.

.lrv-a-font-primary-xl

Each of us knows a little, together we know a lot.

.lrv-a-font-primary-l

Each of us knows a little, together we know a lot.

.lrv-a-font-primary-m

Each of us knows a little, together we know a lot.

.lrv-a-font-primary-s

Each of us knows a little, together we know a lot.

.lrv-a-font-primary-xs

Each of us knows a little, together we know a lot.

.lrv-a-font-primary-xxs

Each of us knows a little, together we know a lot.

.lrv-a-font-primary-xxxs

Each of us knows a little, together we know a lot.

secondary

.lrv-a-font-secondary-xxl

Each of us knows a little, together we know a lot.

.lrv-a-font-secondary-xl

Each of us knows a little, together we know a lot.

.lrv-a-font-secondary-l

Each of us knows a little, together we know a lot.

.lrv-a-font-secondary-m

Each of us knows a little, together we know a lot.

.lrv-a-font-secondary-s

Each of us knows a little, together we know a lot.

.lrv-a-font-secondary-xs

Each of us knows a little, together we know a lot.

.lrv-a-font-secondary-xxs

Each of us knows a little, together we know a lot.

secondary-regular

.lrv-a-font-secondary-regular-m

Each of us knows a little, together we know a lot.

accent

.lrv-a-font-accent-l

Each of us knows a little, together we know a lot.

.lrv-a-font-accent-m

Each of us knows a little, together we know a lot.

.lrv-a-font-accent-s

Each of us knows a little, together we know a lot.

.lrv-a-font-accent-xs

Each of us knows a little, together we know a lot.

.lrv-a-font-accent-xxs

Each of us knows a little, together we know a lot.

accent-regular

.lrv-a-font-accent-regular-xxs

Each of us knows a little, together we know a lot.

body

.lrv-a-font-body-xxxl

Each of us knows a little, together we know a lot.

.lrv-a-font-body-xxl

Each of us knows a little, together we know a lot.

.lrv-a-font-body-xl

Each of us knows a little, together we know a lot.

.lrv-a-font-body-l

Each of us knows a little, together we know a lot.

.lrv-a-font-body-m

Each of us knows a little, together we know a lot.

.lrv-a-font-body-s

Each of us knows a little, together we know a lot.

.lrv-a-font-body-xs

Each of us knows a little, together we know a lot.

.lrv-a-font-body-xxs

Each of us knows a little, together we know a lot.

.lrv-a-font-body-xxxs

Each of us knows a little, together we know a lot.

basic

.lrv-a-font-basic-xxl

Each of us knows a little, together we know a lot.

.lrv-a-font-basic-xl

Each of us knows a little, together we know a lot.

.lrv-a-font-basic-l

Each of us knows a little, together we know a lot.

.lrv-a-font-basic-m

Each of us knows a little, together we know a lot.

.lrv-a-font-basic-s

Each of us knows a little, together we know a lot.

.lrv-a-font-basic-xs

Each of us knows a little, together we know a lot.

.lrv-a-font-basic-xxs

Each of us knows a little, together we know a lot.

Text Colors

Here is some text

.lrv-u-color-brand-secondary

Here is some text

.lrv-u-color-black

Here is some text

.lrv-u-color-brand-primary-light

Here is some text

.lrv-u-color-brand-primary-dark

Here is some text

.lrv-u-color-white

Here is some text

.lrv-u-color-brand-primary

Here is some text

.lrv-u-color-grey-light

Here is some text

.lrv-u-color-brand-secondary-dark

Here is some text

.lrv-u-color-brand-secondary-light

Here is some text

.lrv-u-color-grey-dark

Here is some text

.lrv-u-color-grey

Border Colors

.lrv-u-border-color-grey-lightest

.lrv-u-border-color-brand-secondary-light

.lrv-u-border-color-grey-light

.lrv-u-border-color-grey-dark

.lrv-u-border-color-brand-secondary-dark

.lrv-u-border-color-brand-secondary

.lrv-u-border-color-grey

.lrv-u-border-color-brand-primary-light

.lrv-u-border-color-white

.lrv-u-border-color-brand-primary-dark

.lrv-u-border-color-brand-primary

Background Colors

.lrv-u-background-color-grey-light

.lrv-u-background-color-grey-lightest

.lrv-u-background-color-brand-secondary-dark

.lrv-u-background-color-brand-secondary-light

.lrv-u-background-color-grey-dark

.lrv-u-background-color-grey

.lrv-u-background-color-body

.lrv-u-background-color-brand-secondary

.lrv-u-background-color-black

.lrv-u-background-color-brand-primary-light

.lrv-u-background-color-brand-primary-dark

.lrv-u-background-color-white

.lrv-u-background-color-brand-primary

.lrv-u-background-color-grey-darkest