¡Nueva versión beta de Tailwind CSS v4.0 disponible! 🎉✨

La versión beta 4.0.0-beta.9 de Tailwind CSS ya está aquí, repleta de mejoras para optimizar el desarrollo web moderno. 🚀💻

🌐 Ejecución en el navegador: Se ha introducido el paquete @tailwindcss/browser, que permite ejecutar Tailwind CSS directamente en el navegador, facilitando la experimentación y el prototipado.
📚 Nueva API @reference: Esta API reemplaza la opción anterior @import "…" reference, ofreciendo una forma más eficiente de importar configuraciones de Tailwind CSS.
🎨 Soporte para utilidades funcionales en CSS: Ahora es posible definir utilidades funcionales directamente en los archivos CSS, brindando mayor flexibilidad y control sobre los estilos.
🛠️ Nuevas funciones CSS: Se han añadido las funciones --spacing(…), --alpha(…) y --theme(…), ampliando las capacidades de personalización.
⚡ Mejoras en el rendimiento: Las optimizaciones en las manipulaciones internas del AST han resultado en un flujo de trabajo más ágil y eficiente.

✔️ Se han ajustado los valores de las propiedades para las utilidades place-content-between, place-content-around y place-content-evenly, asegurando su correcto funcionamiento.
🛡️ Se ha corregido la detección de propiedades arbitrarias precedidas por un carácter de escape, mejorando la precisión en la generación de estilos.
📝 Las utilidades bg-round y bg-space se han renombrado como bg-repeat-round y bg-repeat-space, respectivamente, alineándolas con la nomenclatura estándar.
💡 Se han solucionado sugerencias incorrectas en IntelliSense para inset-shadow-*, mejorando la asistencia en la codificación.
🔄 Se ha garantizado que las reglas @apply se procesen en el orden correcto, preservando la coherencia en la aplicación de estilos.

📖 Para una descripción completa de todos los cambios, consulta el changelog oficial.

Actualidad