EXTERNAL - Documentation

Text Size

full screen new window example

Utility classes that can be used to change the size of text.

Usage

Add the class to the element you want to change the text size for.

The default body text size is 16px. The slb-text-size--default class should only be used when the text size is not already 16px.

Modifier selectors

Modifier selector Description
slb-text-size-xxs Font size 10px.
slb-text-size-xs Font size 12px.
slb-text-size-s Font size 14px.
slb-text-size-default Font size 16px (default).
slb-text-size-l Font size 18px.
slb-text-size-xl Font size 26px.
slb-text-size-xxl Font size 28px.
.slb-text-size-xxs - Font size 10px.

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Autem, voluptatibus laudantium.

.slb-text-size-xs - Font size 12px.

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Autem, voluptatibus laudantium.

.slb-text-size-s - Font size 14px.

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Autem, voluptatibus laudantium.

.slb-text-size-default - Font size 16px.

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Autem, voluptatibus laudantium.

.slb-text-size-l - Font size 18px.

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Autem, voluptatibus laudantium.

.slb-text-size-xl - Font size 26px.

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Autem, voluptatibus laudantium.

.slb-text-size-xxl - Font size 28px.

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Autem, voluptatibus laudantium.