Search by Algolia

gatsby-plugin-sass

Provides drop-in support for SASS/SCSS stylesheets

Install

npm install --save gatsby-plugin-sass

How to use

  1. Include the plugin in your gatsby-config.js file.
  2. Write your stylesheets in SASS/SCSS and require/import them
// in gatsby-config.js
plugins: [`gatsby-plugin-sass`];

Options

SASS defaults to 5 digits of precision. If this is too low for you (e.g. if you use Bootstrap), you may configure it as follows:

// in gatsby-config.js
plugins: [
  {
    resolve: `gatsby-plugin-sass`,
    options: {
      precision: 8,
    },
  },
];

Was this helpful? edit this page on GitHub