Tabla de contenidos
Text
| Utilidad Tailwind | Medida equivalente |
|---|---|
text-xs | 12px |
text-sm | 14px |
text-base | 16px |
text-lg | 18px |
text-xl | 20px |
text-2xl | 24px |
text-3xl | 30px |
text-4xl | 36px |
text-5xl | 48px |
text-6xl | 60px |
text-7xl | 72px |
text-8xl | 96px |
text-9xl | 128px |
Rounded
| Utilidad Tailwind | Equivalente CSS |
|---|---|
rounded-xs | 2px |
rounded-sm | 4px |
rounded-md | 6px |
rounded-lg | 8px |
rounded-xl | 12px |
rounded-2xl | 16px |
rounded-3xl | 24px |
rounded-4xl | 32px |
rounded-none | 0 |
rounded-full | 100% |
Font Weight
| Utilidad Tailwind | Equivalente CSS |
|---|---|
font-thin | font-weight: 100; |
font-extralight | font-weight: 200; |
font-light | font-weight: 300; |
font-normal | font-weight: 400; |
font-medium | font-weight: 500; |
font-semibold | font-weight: 600; |
font-bold | font-weight: 700; |
font-extrabold | font-weight: 800; |
font-black | font-weight: 900; |
Responsive Design
| Utilidad Tailwind | Equivalente CSS |
|---|---|
sm | 640px |
md | 768px |
lg | 1024px |
xl | 1280px |
2xl | 1536px |
David Ruiz
martes, 8 de julio de 2025