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

1const styles = {
2  button: `
3    border-radius: 3px;
4    background-color: green;
5    color: red;
6    margin: 20px 40px;
7    padding: 10px;
8  `,
9  '@media print': {
10    button: `color: black`
11  },
12  '@keyframes id': {
13    from: `opacity: 0`,
14    to: `opacity: 1`
15  }
16}

Issues

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

Run tests

1npm i
2npm run test

License

MIT