https://github.com/giuseppeg/styled-jsx-plugin-sass
Plugin to add Sass support to styled-jsx. Warning this is a Proof Of Concept plugin.
https://github.com/giuseppeg/styled-jsx-plugin-sass
css-in-js sass scss styled-jsx styled-jsx-plugin
Last synced: about 1 year ago
JSON representation
Plugin to add Sass support to styled-jsx. Warning this is a Proof Of Concept plugin.
- Host: GitHub
- URL: https://github.com/giuseppeg/styled-jsx-plugin-sass
- Owner: giuseppeg
- Created: 2017-10-06T13:21:07.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2022-12-07T09:58:03.000Z (over 3 years ago)
- Last Synced: 2025-03-30T13:09:48.215Z (about 1 year ago)
- Topics: css-in-js, sass, scss, styled-jsx, styled-jsx-plugin
- Language: JavaScript
- Homepage:
- Size: 45.9 KB
- Stars: 122
- Watchers: 4
- Forks: 24
- Open Issues: 19
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
README
# styled-jsx-plugin-sass
[](https://travis-ci.org/giuseppeg/styled-jsx-plugin-sass)
[](https://www.npmjs.com/package/styled-jsx-plugin-sass)
Use [Sass](http://sass-lang.com/) with [styled-jsx](https://github.com/zeit/styled-jsx) 💥
⚠️ **This plugin is not actively being maintained. If you want me to work on it please [consider donating](https://github.com/sponsors/giuseppeg).**
## Usage
Install the package first.
```bash
npm install --save-dev styled-jsx-plugin-sass
```
Install the `node-sass` version you need (it is a peer dependency).
```bash
npm install --save-dev node-sass
```
Next, add `styled-jsx-plugin-sass` to the `styled-jsx`'s `plugins` in your babel configuration:
```json
{
"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`.
```json
{
"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