Skip to content

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

Notifications You must be signed in to change notification settings

giuseppeg/styled-jsx-plugin-sass

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

styled-jsx-plugin-sass

Build Status npm

Use Sass with styled-jsx 💥

⚠️ This plugin is not actively being maintained. If you want me to work on it please consider donating.

Usage

Install the package first.

npm install --save-dev styled-jsx-plugin-sass

Install the node-sass version you need (it is a peer dependency).

npm install --save-dev node-sass

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

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

Node-sass options

Node-sass can be configured using sassOptions. This is useful for setting options such as includePaths or precision.

{
  "plugins": [
    [
      "styled-jsx/babel",
      {
        "plugins": [
          ["styled-jsx-plugin-sass", {
              "sassOptions": {
                "includePaths": ["./styles"],
                "precision": 2
              }
            }
          ]
        ]
      }
    ]
  ]
}

Notes

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

Read more on their repository for further info.

License

MIT

About

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

Topics

Resources

Stars

Watchers

Forks

Sponsor this project

 

Packages

No packages published