Hace casi exactamente 18 meses vio la luz Tailwind CSS v1.0, que marco un compromiso por la estabilidad sin dejar de lado la búsqueda de agregar emocionantes y nuevas características que superen a la versión anterior.
En el transcurso de los últimos 18 meses, vieron la luz, nueve versiones de Tailwind que agregaron numerosas características nuevas. Como la visibilidad del lector de pantalla, la cuadrícula CSS, las transiciones, la transformaciones, las animaciones, utilidades de diseño, degradados y mucho más.
Ayer, finalmente, ve la luz Tailwind CSS v2.0.
Tailwind CSS v2.0 es la primera actualización importante de la historia del framework:
- Una paleta de colores completamente nueva, con 220 colores en total y un nuevo flujo de trabajo para crear tus propios esquemas de color.
- Compatibilidad con el modo oscuro, lo que hace que sea más sencillo cambiar dinámicamente entre un diseño y otro.
- Punto de corte 2XL extra ancho, para diseñar a 1536px y más.
- Nuevas utilidades de anillo de contorno , que son casi tan buenas como si fueran
outline-radius
. - Estilos de formulario amigables, un nuevo restablecimiento de formulario que facilita la personalización de los elementos del formulario (incluso las casillas de verificación) con solamente el uso de clases.
- Cambio de las alturas de línea, ahora vendrán predeterminadas por el tamaño de la fuente, porque si no podemos hacer que el uso de una altura de línea de 1,5 con una fuente de 48px sea ilegal, al menos, deberíamos intentar que no sea el uso predeterminada por defecto.. y un montón de cosas más..
Aunque Tailwind CSS v2.0 es una nueva versión estable, se ha trabajado mucho por minimizar los cambios drásticos, especialmente los que podrían obligar al usuario a realizar indigentes cambios sobre las plantillas. se han modificado el nombre de dos clases y se han eliminado tres, que ya no son relevantes en los navegadores más modernos.
Se han reemplazado esas dos clases con alternativas más potentes. Cualquier otro cambio importante que pueda afectarte, puede solucionarse con un par de pequeñas adiciones a su archivo tailwind.config.js
. La actualización no debería tardar más de unos 30 minutos.
¡A disfrutar de los nuevos cambios! ?