Font

If you do not have the font installed, download it from Oslo Designmanual.

Weight

.ods-text--weight-light (300)

.ods-text--weight-regular (400)

.ods-text--weight-medium (500)

.ods-text--weight-bold (700)

Style

Italic

Use em or .ods-text-style-italic class if not possible

Strong

Use strong or .ods-text--weight-medium class if not possible

Text modifiers

Nowrap

Text modifiers are supported for all classes. For example:

.ods-text--nowrap

.ods-text--nowrap-breakpoint-medium

.ods-text--nowrap-breakpoint-large

nowrap example: lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam quis nostrud

Truncated

.ods-text--truncate

.ods-text--truncate-breakpoint-medium

.ods-text--truncate-breakpoint-large

truncated example: lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat

Breakpoints

Breakpoint modifiers are supported for all classes. For example:

.ods-text--size-kilo-breakpoint-medium

.ods-text--size-delta-breakpoint-large

.ods-text--weight-medium-breakpoint-medium

.ods-text--style-italic-breakpoint-large

.ods-text--align-right-breakpoint-large

Position