search

Khan / aphrodite

Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation
5.35k stars 188 forks source link

Verify IE10 support for flex styles #361

Closed calinoracation closed 5 years ago

calinoracation commented 5 years ago

This adds support for expanding some flex values in https://github.com/rofrischmann/inline-style-prefixer/pull/166 and bumps the package to the latest version and adds a test to verify we're generating those values. We pull in a few other minor fixes from that project as well if you want to look at the changelog below.

It's worthwhile to note that the major version bump required a few other changes. Primarily, there is no dynamic prefixer any longer, and this project has used the static one all along, so mainly just paths needed to be updated.

The other change I needed was to remove the compatibility flag when generating the static data, although I'm not sure that wasn't due to our own tooling. The generated file now looks something like:

import backgroundClip from 'inline-style-prefixer/lib/plugins/backgroundClip'
import calc from 'inline-style-prefixer/lib/plugins/calc'

// ...

export default {
  plugins: [backgroundClip, /* ... */],
  prefixMap: {"transform":wms, /* ... */}
}

Whereas with the compatibility flag it would of generated require statements that wouldn't of resolved without adding a .default to them.

https://github.com/rofrischmann/inline-style-prefixer/blob/master/CHANGELOG.md#504