PUBLICIDAD

Tailwind CSS v2.0 ya está disponible

Esta nueva versión trae increíbles nuevas características y es la primera gran actualización desde que se lanzó la versión v1.0.

Tailwind CSS v2.0 ya está disponible

Han pasado dieciocho meses desde el lanzamiento de la primera versión Tailwind CSS y hasta ahora han sido nueve versiones menores que agregaron características que han dado mucha popularidad en mundo del desarrollo web y finalmente tenemos disponible entre nuestras manos Tailwind CSS v2.0.

La nueva actualización tiene las siguientes novedades:

  • 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 está habilitado
  • 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-radiusreal
  • Estilos de formulario fáciles de usar, 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 48 px sea ilegal, al menos deberíamos hacer que no sea la predeterminada
  • Espaciado extendido, tipografía y escalas de opacidad, para ajustar las cosas a nivel micro, generar un impacto aún mayor con titulares enormes y para cuándoopacity-25no fue suficiente yopacity-50fue demasiado.
  • Use @apply con cualquier cosa, incluyendo responsive, hover, focus y otras variantes
  • Nuevas utilidades de desbordamiento de texto, para controlar las cosas con más precisión de lo que puede hacerlotruncatesolo
  • Amplíe las variantes, para que pueda habilitar variantes adicionales comofocus-visiblesin volver a declarar la lista completa o pensar en el pedido
  • Grupo-hover y focus-inside de forma predeterminada, porque de todos modos los estaba habilitando en cada proyecto
  • Duración de la transición predeterminada y curva de relajación, por lo que solo tiene que agregar 17 clases para hacer un botón en lugar de 19
  • Incompatibilidad con IE11

Todos los detalles esta en su blog.

Así se vivió el anuncio en redes sociales:


               

Más contenido

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

PUBLICIDAD