Expand description
Utilities for controlling the font size of an element.
| Class | Properties | Preview |
|---|---|---|
| text-xs | font-size: 0.75rem; line-height: 1rem; | Lorem ipsum |
| text-sm | font-size: 0.875rem; line-height: 1.25rem; | Lorem ipsum |
| text-base | font-size: 1rem; line-height: 1.5rem; | Lorem ipsum |
| text-lg | font-size: 1.125rem; line-height: 1.75rem; | Lorem ipsum |
| text-xl | font-size: 1.25rem; line-height: 1.75rem; | Lorem ipsum |
| text-2xl | font-size: 1.5rem; line-height: 2rem; | Lorem ipsum |
| text-3xl | font-size: 1.875rem; line-height: 2.25rem; | Lorem ipsum |
| text-4xl | font-size: 2.25rem; line-height: 2.5rem; | Lorem ipsum |
| text-5xl | font-size: 3rem; line-height: 1; | Lorem ipsum |
| text-6xl | font-size: 3.75rem; line-height: 1; | Lorem ipsum |
| text-7xl | font-size: 4.5rem; line-height: 1; | Lorem ipsum |
| text-8xl | font-size: 6rem; line-height: 1; | Lorem ipsum |
| text-9xl | font-size: 8rem; line-height: 1; | Lorem ipsum |
ยงArbitrary values
Any <length>, <percentage>, absolute size or relative size property is allowed as arbitrary value.
For example, text-[12%].