Autoprefixer now recognizes iOS 8 and Safari 8 desktop.

[DanReyLop]

We claim to support "the latest 2 major versions" of every browser,
but autoprefixer was configured to add vendor prefixes to
"the latest 2 versions". Since it has no concept of "major" or
"minor" versions, as soon as iOS 9.3 was released, only
iOS 9 and iOS 9.3 were supported. Since iOS 8 was the last
supported browser to require -webkit prefix for Flexbox,
it was removed, thus breaking the page layout in those
older Safari browsers.

The solution was to manually add "Safari >= 8" to the list
of browsers for which to generate vendor prefixes.

Autoprefixer was updated to the latest version in the process.

[rralian]

We need to rebase since we merged #4343. I did run into this issue when testing here.

It's an unrelated issue that has to do with the osx nodejs installer (explained here: nodejs/node#3922). I had to clear out and reinstall npm to make it work. i.e.,

So we may need to let others know about this once we merge this in.

Once I did that this worked fine. I can find no regressions (latest chrome, safari, firefox). Can't test legacy safari at the moment, so I'll let someone else test to make sure that's working. This is a 👍 from me once that is confirmed.

EDIT: Ignore the above... it's bad advice as it introduces a version of npm that we're not yet ready to support. There is a different fix for this in #4359

[DanReyLop]

Ok, I've just rebased it.

[rralian]

Just tested on legacy safari via browserstack and I see the -webkit prefixes getting generated for flex now and the masterbar is lining up and working. This looks 🚢-ready to me.