Hallazgos de CSS del nuevo diseño de Facebook

Ahmad Shadeed investiga el código de interfaz del nuevo Facebook.

Uno que me llamó la atención:

.element {  inset: 4px 0;  /* Which is equivalent to: top: 4px, bottom: 4px, left: 0, right: 0 */}

¿What? Esta es la primera vez que oigo hablar de la insetpropiedad. Ahmad dijo que lo vio funcionar en Chrome 80, pero definitivamente no es para mí (ni para Safari). Sin embargo, lo hace en Firefox.

Es una abreviatura de top/ right/ bottom/ left(al igual que margin, en cierto sentido), lo cual es ciertamente bienvenido si me preguntas. Traiga el apoyo.

Si te gusta que la gente explore sitios grandes para aprender cosas…

• Elad Shechter escribió recientemente Ingeniería inversa del CSS de WhatsApp Web .
• Tee Diang UI de Twitch.tv con ingeniería inversa

Enlace directo →