CSS Findings From The New Facebook Design

Publikováno: 7.4.2020

Ahmad Shadeed digs around the new Facebook’s front-end code.

One that stood out to me:

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

Whaaat? This is the first I’ve heard of the inset property. Ahmad said he saw it working in Chrome 80, but it definitely isn’t for me (nor Safari). It does in Firefox though.

Chrome 80 and Firefox 75

It’s shorthand for top/left/… Read article “CSS Findings From The New Facebook Design”

The post CSS Findings From The New Facebook Design appeared first on CSS-Tricks.

Celý článek

Ahmad Shadeed digs around the new Facebook’s front-end code.

One that stood out to me:

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

Whaaat? This is the first I’ve heard of the inset property. Ahmad said he saw it working in Chrome 80, but it definitely isn’t for me (nor Safari). It does in Firefox though.

Chrome 80 and Firefox 75

It’s shorthand for top/left/bottom/right, which is certainly welcome if you ask me. Bring on the support.


If you’re into people digging into big sites to learn stuff…

Direct Link to ArticlePermalink

The post CSS Findings From The New Facebook Design appeared first on CSS-Tricks.

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace