Ir al contenido principal

Tailwind CSS 4.3 — utilidades nuevas que vale la pena conocer

Tailwind acaba de publicar 4.3.0. La 4.x sigue añadiendo utilidades en lugar de obligar a [arbitrary-values], y esta release trae varias que se usan a diario:

  • Container sizing — control fino del comportamiento de containers responsive sin tener que escribir media queries propias.
  • Scrollbar styling — utilities nativas para personalizar scrollbars (ancho, color, track). Adiós al CSS custom para algo tan básico.
  • Zoom utilities — efectos de zoom controlados desde clases (zoom-in, zoom-out, escalas).
  • Tab controls — utilities para tablist/tabpanel que se integran limpio con accesibilidad.
  • variant mejorado — combina varias variantes (hover, focus, breakpoints…) en un solo bloque sin tener que encadenar selectores complicados: @variant hover focus { … }.
  • Canonicalización — Tailwind ahora colapsa direccionales (border-t border-b → border-y) automáticamente al optimizar el output.

Esta semana iremos publicando piezas sueltas explicando cada una con ejemplos prácticos en Bricks + WindPress.

Más información: 👉 https://github.com/tailwindlabs/tailwindcss/releases