History

zhiyuanliu cb17bad1d4 activity visualize step one		2023-07-29 06:19:10 -07:00
..
dist	activity visualize step one	2023-07-29 06:19:10 -07:00
lib	activity visualize step one	2023-07-29 06:19:10 -07:00
node_modules/warning	activity visualize step one	2023-07-29 06:19:10 -07:00
.babelrc	activity visualize step one	2023-07-29 06:19:10 -07:00
.eslintrc	activity visualize step one	2023-07-29 06:19:10 -07:00
LICENSE	activity visualize step one	2023-07-29 06:19:10 -07:00
changelog.md	activity visualize step one	2023-07-29 06:19:10 -07:00
karma.conf.js	activity visualize step one	2023-07-29 06:19:10 -07:00
package.json	activity visualize step one	2023-07-29 06:19:10 -07:00
readme.md	activity visualize step one	2023-07-29 06:19:10 -07:00
tests.html	activity visualize step one	2023-07-29 06:19:10 -07:00
tests.webpack.js	activity visualize step one	2023-07-29 06:19:10 -07:00
webpack.config.js	activity visualize step one	2023-07-29 06:19:10 -07:00

readme.md

JSS plugin enables string templates

Make sure you read how to use plugins in general.

This plugin allows you to use string templates to declare CSS rules. It implements a very naive but very fast (~42000 ops/sec) runtime CSS parser, with certain limitations:

Supports only rule body (no selectors)
Requires semicolon and new line after the value (except of last line)
No nested rules support

const styles = {
  button: `
    border-radius: 3px;
    background-color: green;
    color: red;
    margin: 20px 40px;
    padding: 10px;
  `,
  '@media print': {
    button: `color: black`
  },
  '@keyframes id': {
    from: `opacity: 0`,
    to: `opacity: 1`
  }
}

Issues

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

Run tests

npm i
npm run test

License

MIT