DEV Community

loading...

▷ Tailwind 2.0

ciberninjas profile image Pablo Álvarez Corredera Originally published at ciberninjas.com on ・2 min read

Tailwind CSS nueva actualización del framework de diseño, Visto en Ciberninjas

Hace casi exactamente 18 meses lanzamos Tailwind CSS v1.0, que señaló un compromiso con la estabilidad sin dejar de superar los límites con nuevas y emocionantes características en cada versión menor.

En el transcurso de esos 18 meses, lanzamos nueve versiones menores que agregaron características como estilo de marcador de posición, visibilidad del lector de pantalla, cuadrícula CSS, transiciones, transformaciones, animaciones, utilidades de diseño, agitación de árboles integrada, degradados y mucho más.

Hoy finalmente lanzamos Tailwind CSS v2.0.

Tailwind CSS v2.0 es la primera actualización importante de la historia, que incluye:

  • Paleta de colores completamente nueva, con 220 colores en total y un nuevo flujo de trabajo para crear sus propios esquemas de color
  • Compatibilidad con el modo oscuro, lo que hace que sea más fácil que nunca cambiar dinámicamente su diseño cuando el modo oscuro
  • 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 algooutline-radius real
  • Estilos de formulario amigables con la utilidad , un nuevo restablecimiento de formulario que facilita la personalización de elementos de formulario (incluso casillas de verificación) con solo clases de utilidad
  • Alturas de línea predeterminadas por tamaño de 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 hacer que no sea la predeterminada … y un montón de cosas más..

Aunque Tailwind CSS v2.0 es una nueva versión principal, hemos trabajado muy duro para minimizar los cambios importantes , especialmente los que le obligarían a editar toneladas de sus plantillas. Hemos cambiado el nombre de dos clases, hemos eliminado tres que ya no son relevantes en los navegadores modernos y hemos reemplazado dos con alternativas más potentes. Cualquier otro cambio importante que pueda afectarlo 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.

🛒 Los Mejores Chollos de Amazon, ¡Agrégalos a tu Lista de Deseos!

Discussion (0)

pic
Editor guide