@codespeed/styled-jsx-plugin-sass
v4.1.3
Plugin to add Sass support to styled-jsx.
0/weekUpdated 1 years agoMITUnpacked: 8.2 KB
Published by Marton Lederer
npm install @codespeed/styled-jsx-plugin-sassCodespeed-Software/styled-jsx-plugin-sass
Plugin to add Sass support to styled-jsx.
📜 About
Use Sass with styled-jsx 💥
This repository was originally forked from Codespeed-Software/styled-jsx-plugin-sass which was forked from giuseppeg/styled-jsx-plugin-sass & it is not intended to take any credit but to improve the code from now on.
💾 Install
Install the package and sass version you need (it is a peer dependency).
``sh`
npm install --save-dev sass @codespeed/styled-jsx-plugin-sass
⚙️ Usage
Add @codespeed/styled-jsx-plugin-sass to the styled-jsx's plugins in your babel configuration (e.g. .babelrc.json):
`json`
{
"presets": [
[
"next/babel",
{
"styled-jsx": {
"plugins": ["@codespeed/styled-jsx-plugin-sass"]
}
}
]
]
}
Sass options
Sass can be configured using sassOptions. This is useful for setting options such as data or includePaths, see all the available options in Sass README.
`json``
{
"presets": [
[
"next/babel",
{
"styled-jsx": {
"plugins": [
[
"@codespeed/styled-jsx-plugin-sass",
{
"sassOptions": {
"includePaths": ["./styles"],
"data": "$test-color: #ff0000"
}
}
]
]
}
}
]
]
}
💡 Contributing
Anyone can help to improve the project, submit a Feature Request, a bug report or even correct a simple spelling mistake.
The steps to contribute can be found in the CONTRIBUTING.md file.