styled-jsx-dart-sass

This is a fork of https://github.com/giuseppeg/styled-jsx-plugin-sass

Difference:

• this package uses dart-sass instead of node-sass

Usage

Install the package first.

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

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

1npm install --save-dev sass

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

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

Sass options

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-dart-sass",
9						{
10							"sassOptions": {
11								"includePaths": ["./styles"],
12								"precision": 2
13							}
14						}
15					]
16				]
17			}
18		]
19	]
20}