JSS plugin that adds default px unit to numeric values where needed

This plugin lets you omit the px unit from values of style properties.

Demo - JSS


Usage example

import jss from 'jss'
import px from 'jss-px'

jss.use(px())

let sheet = jss.createStyleSheet({
  container: {
    'font-size': 20,
    'z-index': 1,
    'line-height': 1.2
  }
})

console.log(sheet.toString())

.jss-0-0 {
  font-size: 20px;
  z-index: 1;
  line-height: 1.2;
}

console.log(sheet.classes)

{ container: "jss-0-0" }

Run tests

npm i
npm run test

License

MIT