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 |