shamrin / jss-vendor-prefixer

JSS plugin that handles vendor prefixes on the browser

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.

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(styleSheet.toString())

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

console.log(styleSheet.classes)

{ container: "jss-0-0" }

Issues

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

Run tests

npm i
npm run test

License

MIT