Size
size Sets text size.
Example
Text { size: lg }
Tailwind values
| Value | Font size |
|---|---|
xs, sm, base, lg, xl | 12px, 14px, 16px, 18px, 20px |
2xl, 3xl, 4xl | 24px, 30px, 36px |
5xl, 6xl, 7xl | 48px, 60px, 72px |
8xl, 9xl | 96px, 128px |
Arbitrary values use square brackets: [17px], [1.1rem].