
Product
Socket Now Protects the Chrome Extension Ecosystem
Socket is launching experimental protection for Chrome extensions, scanning for malware and risky permissions to prevent silent supply chain attacks.
@styled-jsx/plugin-sass
Advanced tools
Plugin to add Sass support to styled-jsx.
⚠️ This project is not maintained anymore, you can still use the code as you wish and fork it to maintain it yourself.
Use Sass with styled-jsx 💥
This repository was originally forked from giuseppeg/styled-jsx-plugin-sass & it is not intended to take any credit but to improve the code from now on.
Install the package and sass version you need (it is a peer dependency).
npm install --save-dev sass @styled-jsx/plugin-sass
Add @styled-jsx/plugin-sass
to the styled-jsx
's plugins
in your babel configuration (e.g. .babelrc.json
):
{
"presets": [
[
"next/babel",
{
"styled-jsx": {
"plugins": ["@styled-jsx/plugin-sass"]
}
}
]
]
}
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.
{
"presets": [
[
"next/babel",
{
"styled-jsx": {
"plugins": [
[
"@styled-jsx/plugin-sass",
{
"sassOptions": {
"includePaths": ["./styles"],
"data": "$test-color: #ff0000"
}
}
]
]
}
}
]
]
}
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.
FAQs
Plugin to add Sass support to styled-jsx.
The npm package @styled-jsx/plugin-sass receives a total of 4,605 weekly downloads. As such, @styled-jsx/plugin-sass popularity was classified as popular.
We found that @styled-jsx/plugin-sass demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 2 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Socket is launching experimental protection for Chrome extensions, scanning for malware and risky permissions to prevent silent supply chain attacks.
Product
Add secure dependency scanning to Claude Desktop with Socket MCP, a one-click extension that keeps your coding conversations safe from malicious packages.
Product
Socket now supports Scala and Kotlin, bringing AI-powered threat detection to JVM projects with easy manifest generation and fast, accurate scans.