styled-jsx-plugin-postcss

Use PostCSS with styled-jsx 💥

Usage

Install the package first.

npm install --save styled-jsx-plugin-postcss

Next, add styled-jsx-plugin-postcss to the styled-jsx's plugins in your babel configuration:

{
  "plugins": [
    ["styled-jsx/babel", { "plugins": ["styled-jsx-plugin-postcss"] }]
  ]
}

Notes

styled-jsx-plugin-postcss uses styled-jsx's plugin system which is supported from version 2. Read more on their repository for further info.

Plugins

styled-jsx-plugin-postcss uses postcss-load-plugins therefore you may want to refer to their docs to learn more about adding plugins.

Contributions

Although a Proof Of Concept plugin, PRs and contributions are welcome! We aim to drive development of this plugin through community contributions.

License

MIT