jss-vendor-prefixer

JSS plugin that handles vendor prefixes on 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.

Demo - JSS


Usage example

import jss from 'jss'
import vendorPrefixer from 'jss-vendor-prefixer'

jss.use(vendorPrefixer())

let sheet = jss.createStyleSheet({
  container: {
    transform: 'translateX(100px)'
  }
})

console.log(sheet.toString())

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

console.log(sheet.classes)

{ container: "jss-0-0" }

Issues

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

Run tests

npm i
npm run test

License

MIT