erasmo-marin / styled-jsx-plugin-less

Plugin to add less support to styled-jsx. Warning this is a Proof Of Concept plugin.

styled-jsx-plugin-less

Use less with styled-jsx 💥

Usage

Install the package first.

npm install --save-dev styled-jsx-plugin-less@alpha

Install less (it is a peer dependency).

npm install --save-dev less

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

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

Notes

styled-jsx-plugin-less uses styled-jsx's plugin system which is supported from version 2.

Read more on their repository for further info.

License

MIT