JSS plugin that handles vendor prefixes in the browser

This vendor prefixer knows which properties and values are supported in the current runtime and changes only whats required. The best thing is - you don't need to download all of them. Also it is very fast, all checks are cached.

Make sure you read how to use plugins in general.

Example

const styles = {
  container: {
    transform: 'translateX(100px)'
  }
}

Compiles to:

.jss-0-0 {
  transform: -webkit-translateX(100px);
}

Issues

File a bug against cssinjs/jss prefixed with [jss-vendor-prefixer].

Run tests

npm i
npm run test

License

MIT

8.0.1 / 2018-07-08

• use supportedKeyframes from css-vendor, which fixed keyframes prefix for IE/Edge

8.0.0 / 2018-01-02

• upgrade css-vendor to 1.0.0 (major refactoring)
• set initial value for unsupported values in onChangeValue

7.0.0 / 2017-09-30

• support jss 8

6.0.0 / 2017-06-20

• support jss 8

5.1.0 / 2017-04-14

• prefix function values

5.0.0 / 2017-04-10

• update to jss 7.0

4.0.0 / 2016-12-09

• update to jss 6.0

3.0.2, 3.0.3 / 2016-11-17

• skip animation test in ie9

3.0.1 / 2016-11-05

• migrate tests
• update deps

3.0.0 / 2016-05-29

• update to jss@5
• update other dependencies

2.0.0 / 2016-04-16

• update to babel 6

1.0.1 / 2015-11-24

• use original value if value is not supported (happened in safari using animation: steps(4, end) 1s infinite)
• add some tests

1.0.0 / 2015-10-19

• support jss 3.0
• now plugin needs to be called like a middleware

0.3.0 / 2015-09-21

• migrate to es6
• move examples to jss-examples repository
• simplify packaging

0.2.0 / 2015-02-08

• add prefixed values support

0.1.3 / 2014-01-31

• update jss to 1.0

0.1.0 / 2014-11-28

• first release in a separate repository for plugins