scss-resets

Choice of css resets. The following are available

• meyer-reset
• modern-css-reset
• normalize
• sanitize
• sanitize-forms
• sanitize-typography
• reboot

Install

npm install scss-resets --save-dev

OR

yarn add scss-resets --dev

Using with gulp-sass

var gulp = require("gulp");
var sass = require("gulp-sass");
 
gulp.task("sass", function() {
  gulp
    .src("path/to/app.scss")
    .pipe(
      sass({
        includePaths: require("scss-resets").includePaths
      })
    )
    .pipe(gulp.dest("path/to/output.css"));
});

Using with webpack

module.exports = {
  module: {
    rules: [
      {
        use: [
          {
            loader: "sass-loader",
            options: {
              includePaths: require("scss-resets").includePaths
            }
          }
        ]
      }
    ]
  }
};

Using in scss

After creating your gulp task, you can import any of the resets like so:

@import 'meyer-reset';

@import 'modern-reset';

@import 'normalize';

@import 'sanitize';

@import 'sanitize-forms';

@import 'sanitize-typography';

@import 'reboot';