From feeb197b4a377fa017f55f4ab4f271c8a86475e8 Mon Sep 17 00:00:00 2001 From: LekoArts Date: Thu, 17 Dec 2020 09:49:24 +0100 Subject: [PATCH] Revert partially "BREAKING(gatsby-plugin-sass): sass-loader to v10 & default usage of `sass` (#27991)" This reverts (partially) commit b2d146b8 --- docs/docs/how-to/styling/bulma.md | 2 +- docs/docs/how-to/styling/sass.md | 4 ++-- docs/docs/how-to/styling/tailwind-css.md | 4 ++-- docs/docs/recipes/styling-css.md | 4 ++-- 4 files changed, 7 insertions(+), 7 deletions(-) diff --git a/docs/docs/how-to/styling/bulma.md b/docs/docs/how-to/styling/bulma.md index a9be1fd874afd..e058be3c27582 100644 --- a/docs/docs/how-to/styling/bulma.md +++ b/docs/docs/how-to/styling/bulma.md @@ -10,7 +10,7 @@ This guide assumes that you have a Gatsby project set up. If you need to set up For starters, let's install all the required packages we're going to need. -`yarn add bulma sass gatsby-plugin-sass` +`yarn add bulma node-sass gatsby-plugin-sass` Then, add the `gatsby-plugin-sass` in to `gatsby-config.js`. diff --git a/docs/docs/how-to/styling/sass.md b/docs/docs/how-to/styling/sass.md index 00e6055de2be3..486171ac3d767 100644 --- a/docs/docs/how-to/styling/sass.md +++ b/docs/docs/how-to/styling/sass.md @@ -12,9 +12,9 @@ Sass will compile `.sass` and `.scss` files to `.css` files for you, so you can This guide assumes that you have a Gatsby project set up. If you need to set up a project, head to the [**Quick Start guide**](/docs/quick-start/), then come back. -1. Install the Gatsby plugin [**gatsby-plugin-sass**](/packages/gatsby-plugin-sass/) and `sass`, a required peer dependency as of v3.0.0. +1. Install the Gatsby plugin [**gatsby-plugin-sass**](/packages/gatsby-plugin-sass/) and `node-sass`, a required peer dependency as of v2.0.0. -`npm install sass gatsby-plugin-sass` +`npm install node-sass gatsby-plugin-sass` 2. Include the plugin in your `gatsby-config.js` file. diff --git a/docs/docs/how-to/styling/tailwind-css.md b/docs/docs/how-to/styling/tailwind-css.md index d2616a0c594f9..f5d6c2a458bb9 100644 --- a/docs/docs/how-to/styling/tailwind-css.md +++ b/docs/docs/how-to/styling/tailwind-css.md @@ -118,10 +118,10 @@ See the [Twin + Gatsby + Emotion installation guide](https://github.com/ben-roge #### Option #3: SCSS -1. Install the Gatsby SCSS plugin [**gatsby-plugin-sass**](/packages/gatsby-plugin-sass) and `sass`. +1. Install the Gatsby SCSS plugin [**gatsby-plugin-sass**](/packages/gatsby-plugin-sass) and `node-sass`. ```shell -npm install sass gatsby-plugin-sass +npm install node-sass gatsby-plugin-sass ``` 2. To be able to use Tailwind classes in your SCSS files, add the `tailwindcss` package into the `postCssPlugins` parameter in your `gatsby-config.js`. diff --git a/docs/docs/recipes/styling-css.md b/docs/docs/recipes/styling-css.md index 51f92bdffc242..2a787ebbb56a8 100644 --- a/docs/docs/recipes/styling-css.md +++ b/docs/docs/recipes/styling-css.md @@ -230,9 +230,9 @@ Sass will compile `.scss` and `.sass` files to `.css` files for you, so you can ### Directions -1. Install the Gatsby plugin [gatsby-plugin-sass](/plugins/gatsby-plugin-sass/) and `sass`. +1. Install the Gatsby plugin [gatsby-plugin-sass](/plugins/gatsby-plugin-sass/) and `node-sass`. -`npm install sass gatsby-plugin-sass` +`npm install node-sass gatsby-plugin-sass` 2. Include the plugin in your `gatsby-config.js` file.