Overflow shorthand

This is a very quick post about a new shorthand for overflow, which is coming to Chrome and Firefox in the next few weeks. Currently, to set different values for the x and y overflows, they need so be set separately, like so:

body {
  overflow-x: hidden;
  overflow-y: auto;
}

From Chrome 68, and Firefox 61, the following shorthand can be used:

body {
  overflow: hidden auto;
}

Unfortunately it is not yet supported by the other browsers, but it’s nice to see small improvements like this being made.

Via GitHub