Skip to content

web-ridge/postcss-node-sass

 
 

Repository files navigation

PostCSS Node Sass PostCSS Logo

NPM Version Build Status BGitter Chat

A PostCSS plugin to parse styles with node-sass

Installation

npm install postcss-node-sass

Usage

After installation, you can process Sass via PostCSS like this

postcss([require('postcss-node-sass')]).process(yourCSS);

or using Gulp a typical gulpfile might look like:

let gulp = require('gulp'),
    postcss = require('gulp-postcss'),
    sass = require('postcss-node-sass');
gulp.task('css', () => {
    gulp.src('path/to/dev/css')
        .pipe(postcss([
            /* postcss plugins before parsing sass */
            sass()
            /* postcss plugins after parsing sass */
        ]))
        .pipe(gulp.dest('path/to/build/css'));
});

/* rest of gulp file */

Options

The Node Sass options can be passed in to this plugin except for data, file, importer, omitSourceMapUrl, outFile, sourceMap, sourceMapContents as these are handled by the plugin. Furthermore, by default the processor will use outputStyle:'expanded' and indentWidth:4.

About

A PostCSS plugin to parse styles with node-sass

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 79.0%
  • CSS 21.0%