Utilitário
Font Size
Define o tamanho do texto a partir da escala tipográfica fluida do design system.
Classes
| Classe CSS | Descrição |
|---|---|
.text-xs | font-size: var(--text-xs); |
.text-sm | font-size: var(--text-sm); |
.text-base | font-size: var(--text-base); |
.text-md | font-size: var(--text-md); |
.text-lg | font-size: var(--text-lg); |
.text-xl | font-size: var(--text-xl); |
.text-2xl | font-size: var(--text-2xl); |
.text-3xl | font-size: var(--text-3xl); |
.text-4xl | font-size: var(--text-4xl); |
Responsivo
Para mirar um breakpoint, adicione o sufixo @{breakpoint}
à classe — por exemplo, .text-sm@md.