cromo 69

Chrome 69 es notable para nosotros, los desarrolladores de CSS:

• Degradados cónicos (es decir background: conic-gradient(red, green, blue);): tenemos muchos artículos interesantes sobre gradientes cónicos aquí, y aquí hay algunos casos de uso y un polyfill de Lea Verou.
• Las propiedades del modelo de caja lógica : margin, paddingy bordertodas se actualizan para más casos de uso. Piense en cómo lo hemos hecho margin-leftahora: la parte “izquierda” no tiene mucho sentido cuando cambiamos de dirección. Ahora estaremos margin-inline-startpara eso. La lista completa es margen-{block,inline}-{start,end}, padding-{block,inline}-{start,end} y border-{block,inline}-{start,end}-{width,style ,color}. Aquí está Rachel Andrew con Comprensión de las propiedades y valores lógicos.
• Puntos de ajuste de desplazamiento (es decir scroll-snap-type: x mandatory;): lo que alguna vez requirió la intervención de JavaScript ahora está felizmente en CSS. Hemos estado cubriendo esto durante años. Contribuye en gran medida a que los carruseles sean mucho menos complicados.
• Variables de entorno (es decir env(safe-area-inset-top);): Apple introdujo “la muesca” con el iPhone X y eliminó algunas CSS patentadas para solucionarlo. La comunidad intervino rápidamente y ahora tenemos env()navegadores que envían cosas como esta.

Supongo que podemos darle a este número de versión un merecido reconocimiento.