🚀 ¡Tailwind CSS v4.1.0 ha llegado con novedades frescas! 🎉

La nueva versión de Tailwind CSS introduce una serie de mejoras y utilidades que amplían las posibilidades de diseño. Aquí te presentamos las más destacadas:​

🆕 Nuevas variantes y utilidades:

• details-content: Permite estilizar el contenido dentro de elementos <details>.​
• inverted-colors: Facilita la inversión de colores, útil para modos oscuros o temáticas específicas.​
• noscript: Aplica estilos cuando JavaScript está deshabilitado en el navegador.​
• items-baseline-last y self-baseline-last: Nuevas opciones de alineación para flexbox.​
• pointer-* y any-pointer-*: Detecta y aplica estilos según el tipo de dispositivo apuntador (fino, grueso, ninguno).​
• user-valid y user-invalid: Estiliza elementos basados en la validez de la entrada del usuario.​
• wrap-anywhere, wrap-break-word y wrap-normal: Controlan el comportamiento de ruptura de palabras en textos.​
• *`text-shadow-`**: Añade sombras al texto con mayor facilidad.​
• *`mask-`**: Introduce utilidades para aplicar máscaras a elementos.​
• *`bg-{position,size}-`**: Permite establecer posiciones y tamaños de fondo con valores arbitrarios.​
• Control de opacidad en sombras: Ahora puedes ajustar la opacidad en shadow-*, inset-shadow-*, drop-shadow-* y text-shadow-*.​

Estas incorporaciones ofrecen una mayor flexibilidad y control en el diseño de interfaces, permitiéndote crear experiencias más ricas y adaptativas.​

Para más detalles y ejemplos de uso, puedes consultar el changelog oficial.