Boostrap reboot import

A modern way to import boostrap reboot

If you were searching a way to integrate boostrap reboot css reset stylesheet in your project easily in your gulp sass workflow. You're at the good place.

Instalation

npm install --save boostrap-reboot-import

Make SASS aware of the boostrap reboot path

import path in your gulp file

const gulp            = require('gulp');
const sass            = require('gulp-sass');
const reboot       = require("boostrap-reboot-import").includePaths;

gulp.task('css', function () {
    return gulp.src('sass/**/*.{sass,scss}')
        .pipe(sass({ includePaths: [reboot] })
        .pipe(gulp.dest('./dist/css/')
    );
});

or use eyeglass

npm install --save-dev eyeglass

const gulp      = require('gulp');
const sass      = require('gulp-sass');
const eyeglass  = require("eyeglass");

gulp.task('css', function () {
    return gulp.src('sass/**/*.{sass,scss}')
        .pipe(sass(eyeglass())
        .pipe(gulp.dest('./dist/css/')
    );
});

more info @: https://github.com/sass-eyeglass/eyeglass

Import anywere in your sass/scss

@import 'boostrap-reboot'

More info

See https://getbootstrap.com/