Search by Algolia


Provides drop-in support for SASS/SCSS stylesheets


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`];


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