npmpackage.info

@styled-jsx/plugin-sass

Plugin to add Sass support to styled-jsx.

4.1.1

MIT

JavaScript

545.00 B

1,478,820 3

Installations

npm install @styled-jsx/plugin-sass

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Min. Node Version

>=12.0.0

Node Version

22.10.0

NPM Version

9.7.2 Score

73.7

Supply Chain

97.7

Quality

78.2

Maintenance

100

Vulnerability

99.6

License

Pull Requests

Open

1

Total

126

Closed

25

Merged

100

Issues

Open

4

Total

10

Closed

6

Releases

v4.1.1

Published on 11 Nov 2024

v4.1.0

Published on 02 Jul 2023

v4.0.2

Published on 21 Nov 2021

v4.0.1

Published on 16 Aug 2021

v4.0.0

Published on 23 Jul 2021

v3.0.0

Published on 22 Feb 2021

View all 6 releases

Contributors

Unable to fetch Contributors

View all 13 contributors

Languages

JavaScript

Shell

SCSS

CSS

JavaScript (96.54%)

Shell (1.98%)

SCSS (1.25%)

CSS (0.23%)

Developer

Thream

Download Statistics

Total Downloads

1,478,820

Last Day

1,249

Last Week

4,987

Last Month

27,429

Last Year

440,138

GitHub Statistics

23 Stars

152 Commits

4 Forks

1 Watching

2 Branches

13 Contributors

Bundle Size

1.48 kB

Minified

545.00 B

Minified + Gzipped

Bundlephobia

Maintainers

Package Meta Information

Latest Version

4.1.1

Package Id

@styled-jsx/plugin-sass@4.1.1

Unpacked Size

7.73 kB

Size

3.06 kB

File Count

NPM Version

9.7.2

Node Version

22.10.0

Publised On

11 Nov 2024

Total Downloads

Cumulative downloads

Total Downloads

1,478,820

Last day

16.8%

1,249

Compared to previous day

Last week

1.9%

4,987

Compared to previous week

Last month

-17.9%

27,429

Compared to previous month

Last year

-5.5%

440,138

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Versions

Thream/styled-jsx-plugin-sass

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.

📜 About

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

Install the package and sass version you need (it is a peer dependency).

1npm install --save-dev sass @styled-jsx/plugin-sass

⚙️ Usage

Add @styled-jsx/plugin-sass to the styled-jsx's plugins in your babel configuration (e.g. .babelrc.json):

1{
2  "presets": [
3    [
4      "next/babel",
5      {
6        "styled-jsx": {
7          "plugins": ["@styled-jsx/plugin-sass"]
8        }
9      }
10    ]
11  ]
12}

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.

1{
2  "presets": [
3    [
4      "next/babel",
5      {
6        "styled-jsx": {
7          "plugins": [
8            [
9              "@styled-jsx/plugin-sass",
10              {
11                "sassOptions": {
12                  "includePaths": ["./styles"],
13                  "data": "$test-color: #ff0000"
14                }
15              }
16            ]
17          ]
18        }
19      }
20    ]
21  ]
22}

💡 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.

📄 License

MIT

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

2

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

0

Maintained

Determines if the project is "actively maintained".

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

SAST

Determines if the project uses static code analysis.

Score

3

/10

Last Scanned on 2025-01-27

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to @styled-jsx/plugin-sass

styled-jsx-plugin-sass

1.0.0

Plugin to add Sass support to styled-jsx

styled-jsx-plugin-scss

1.0.0

Plugin to add Sass support to styled-jsx

styled-jsx-plugin-dart-sass

1.0.1

Plugin to add Sass support to styled-jsx

rollup-plugin-sass-styled-jsx

1.0.3

Rollup plugin for transpiling sass files into css-tagged template literal to be consumed by styled-jsx.

@styled-jsx/plugin-sass

Installations

Developer Guide

No

CommonJS

>=12.0.0

22.10.0

9.7.2

Score

Pull Requests

1

126

25

100

Issues

4

10

6

Releases

Contributors

Unable to fetch Contributors

Languages

Developer

Download Statistics

GitHub Statistics

Bundle Size

1.48 kB

545.00 B

Maintainers

Package Meta Information

Total Downloads

1,478,820

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

Thream/styled-jsx-plugin-sass

📜 About

💾 Install

⚙️ Usage

Sass options

💡 Contributing

📄 License

10

10

10

2

0

0

0

0

0

0

0

0

3

/10

Other packages similar to @styled-jsx/plugin-sass