jss-default-unit

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

This plugin lets you omit the unit from values of style properties. Default unit is "px", but you can pass anything else instead.

Demo - JSS


Usage example

import jss from 'jss'
import defaultUnit from 'jss-default-unit'

// px is default, lets make default to em
jss.use(defaultUnit({unit: 'em'}))

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

console.log(sheet.toString())

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

console.log(sheet.classes)

{ container: "jss-0-0" }

Issues

File a bug against jsstyles/jss prefixed with [jss-default-unit].

Run tests

npm i
npm run test

License

MIT