Vēsture

rpm-mcarman b9f7ec4306 First Commit		pirms 3 gadiem
..
dist	First Commit	pirms 3 gadiem
lib	First Commit	pirms 3 gadiem
.DS_Store	First Commit	pirms 3 gadiem
.babelrc	First Commit	pirms 3 gadiem
.eslintrc	First Commit	pirms 3 gadiem
LICENSE	First Commit	pirms 3 gadiem
changelog.md	First Commit	pirms 3 gadiem
karma.conf.js	First Commit	pirms 3 gadiem
package.json	First Commit	pirms 3 gadiem
readme.md	First Commit	pirms 3 gadiem
tests.html	First Commit	pirms 3 gadiem
tests.webpack.js	First Commit	pirms 3 gadiem
webpack.config.js	First Commit	pirms 3 gadiem

readme.md

JSS plugin that adds units to numeric values

Provide plain numeric values in your JSS style definitions, and the plugin will insert the apposite units. Defaults to px for sizes, ms for durations, and % for transform origins, and these can be customized easily (see Usage Example).

Make sure you read how to use plugins in general.

Setup

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

// Optionally you can customize default units.
const options = {
  'line-height': 'rem',
  'font-size': 'rem'
}

jss.use(defaultUnit(options))

Example

const styles = {
  container: {
    'line-height': 3,
    'font-size': 1.7,
    'height': 200,
    'z-index': 1
  }
}

Compiles to:

.container-sdf345 {
  line-height: 3rem;
  font-size: 1.7rem;
  height: 200px;
  z-index: 1;
}

Demo

Simple

Issues

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

Run tests

npm i
npm run test

License

MIT