npmpackage.info

styled-jsx-plugin-dart-sass

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

1.0.1

JavaScript

349.00 B

Installations

npm install styled-jsx-plugin-dart-sass

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Min. Node Version

>=12.0.0

Node Version

12.19.0

NPM Version

6.14.8 Pull Requests

Open

0

Total

0

Closed

0

Issues

Open

0

Total

0

Closed

0

Releases

Unable to fetch releases

Contributors

Unable to fetch Contributors

View all 1 contributors

Languages

JavaScript

TypeScript

SCSS

CSS

JavaScript (86.07%)

TypeScript (11.86%)

SCSS (1.77%)

CSS (0.3%)

Developer

Mosby-zhou

Download Statistics

Total Downloads

5,374

Last Day

Last Week

Last Month

Last Year

1,008

GitHub Statistics

24 Commits

1 Watching

5 Branches

1 Contributors

Bundle Size

752.00 B

Minified

349.00 B

Minified + Gzipped

Bundlephobia

Maintainers

Package Meta Information

Latest Version

1.0.1

Package Id

styled-jsx-plugin-dart-sass@1.0.1

Unpacked Size

3.87 kB

Size

1.72 kB

File Count

NPM Version

6.14.8

Node Version

12.19.0

Total Downloads

Cumulative downloads

Total Downloads

5,374

Last day

-33.3%

Compared to previous day

Last week

66.7%

Compared to previous week

Last month

41.7%

Compared to previous month

Last year

-46.5%

1,008

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Peer Dependencies

styled-jsx sass

Dev Dependencies

@types/lodash @types/node fibers lodash mocha sass strip-indent ts-node typescript

Versions

styled-jsx-plugin-dart-sass

Use Sass with styled-jsx 💥

Usage

Install the package first.

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

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

1npm install --save-dev sass

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

1{
2  "plugins": [["styled-jsx/babel", { "plugins": ["styled-jsx-plugin-dart-sass"] }]]
3}

Node-sass options

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

1{
2  "plugins": [
3    [
4      "styled-jsx/babel",
5      {
6        "plugins": [
7          [
8            "styled-jsx-plugin-dart-sass",
9            {
10              "sassOptions": {
11                "includePaths": ["./styles"]
12              }
13            }
14          ]
15        ]
16      }
17    ]
18  ]
19}

Notes

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

Read more on their repository for further info.

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.

2

Pinned-Dependencies

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

2

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

0

Token-Permissions

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

0

SAST

Determines if the project uses static code analysis.

0

Code-Review

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

0

Maintained

Determines if the project is "actively maintained".

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

License

Determines if the project has defined a license.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

Score

2.5

/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-dart-sass

styled-jsx-dart-sass

2.0.5

Plugin to add Dart Sass support to styled-jsx

@emiplegiaqmnpm/mollitia-rem-nihil

1.0.0

A [Dart][dart] implementation of [Sass][@emiplegiaqmnpm/mollitia-rem-nihil]. **Sass makes CSS fun**.

@wemnyelezxnpm/exercitationem-voluptatibus-perferendis

1.0.0

A [Dart][dart] implementation of [Sass][@wemnyelezxnpm/exercitationem-voluptatibus-perferendis]. **Sass makes CSS fun**.