Text modifications

Example

There are many different utility classes to alter text appearance.

u-no-decoration removes the text decoration such as underline.

u-inherit-color Inherits the text color.

u-bold & u-strong both makes the text bold.

u-nowrap makes sure the text always stays on one line and never breaks. Even if going outside of the viewport.

u-truncate is similar to u-nowrap but will truncate instead of overflowing.

u-truncate-ignore-hover combined with u-truncate allows overflowing text to be shown on hover.

u-text-small makes the text smaller than normal size.

u-text-large makes the text larger than normal size.

u-text-xlarge makes the text larger than normal size.

u-text-uppercase sets the text to uppercase.

u-text-lowercase SETS THE TEXT TO LOWERCASE

u-text-capitalize capitalize every word.

Classes

Modifiers Description Values
default Styles text