Tailwind 2.0

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! ?

Artículos Relacionados
Lanzados los iconos de Bootstrap, en su primera versión estable

¡Después de cinco versiones alfa en los últimos nueve meses, Bootstrap lanza la versión estable de sus iconos. Más de 1.100 íconos y en camino de agregar cientos de iconos más en próximos lanzamientos. Bootstrap agrega 1.100 iconos propios La librería de iconos de ¡SEGUIR LEYENDO!

¿Qué diferencias hay entre Boostrap y Tailwind CSS?

En los últimos tiempos, la batalla entre los frameworks CSS es terrible, y Tailwind CSS ha ganado mucha reputación entre los desarrolladores front end, siendo un numeroso grupo, los que tras probarlo deciden seguir usándolo como framework CSS de referencia dentro de sus "stacks", ¡SEGUIR LEYENDO!

Colección de Recursos para el Framework Bootstrap CSS (+300 recursos)

Una colección de recursos relacionados con Bootstrap 4 y 5. ? Colección Recursos CSS / ? Frameworks CSS / ? Cursos Gratis de CSS / ? Libros Gratis de CSS / ? 85 Geniales Recursos CSS Gratuitos Recursos oficiales Proyectos creados y mantenidos por ¡SEGUIR LEYENDO!