Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/istuffs/bootstrap-reboot-importer

:mag_right: A convenaient way to import boostrap reboot css reset
https://github.com/istuffs/bootstrap-reboot-importer

eyeglass-module

Last synced: about 9 hours ago
JSON representation

:mag_right: A convenaient way to import boostrap reboot css reset

Awesome Lists containing this project

README

        

# Boostrap reboot import


Bootstrap logo

> 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

```sh
npm install --save boostrap-reboot-import
```

## Make SASS aware of the boostrap reboot path

**import path in your gulp file**

```js
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**

```sh
npm install --save-dev eyeglass
```

```js
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
```scss
@import 'boostrap-reboot'
```

**More info**

See https://getbootstrap.com/