gatsby-plugin-styled-jsx-postcss

A Gatsby plugin to use styled-jsx with PostCSS.

Install

With Yarn:

1yarn add gatsby-plugin-styled-jsx-postcss

Or with npm:

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

Usage

1// In your gatsby-config.js
2plugins: [
3  'gatsby-plugin-styled-jsx-postcss',
4]

Options

This plugin will also watch CSS files and refresh your browser on change if running in develop mode. This is because if you're importing other CSS files in your <style> tags, the browser will not refresh on its own. To disable this set a watchCss option to false.

Adding PostCSS plugins

This plugin uses the postcss-load-plugins, so you can import PostCSS plugins with any of the methods mentioned in their documentation.