Garuda

Fast and clean front-end package (bootstrap 4 classes similar grid, scss/js components and helpers).

Read the full documentation here: http://garuda.kirillbdev.pro

Description

Garuda is a set of scss and js files for assembly into a front-end, which adds a lot of ready-made components to the developer, allowing him to concentrate on creating the client part of the site.

Install

$ npm install --save-dev garuda

Usage

By default, Garuda is installed in the node_modules folder. To integrate ready-made scss styles, it is enough to specify the path to the main.scss file in the @import directive of your scss code.

For example:

@import "../node_modules/garuda/src/scss/main.scss";

You can also use the Garuda styles separately in the css file by compiling them through gulp.

A simple example:

gulp.task('compile-garuda-scss', function () {
  return gulp.src([
    'node_modules/garuda/src/scss/main.scss'
  ])
  .pipe(sass().on('error', function (error) {
      console.log('ERROR: ' + error);
  }))
  .pipe(autoPrefixer())
  .pipe(rename('garuda.min.css'))
  .pipe(cleanCss())
  .pipe(gulp.dest('assets/css'));
});

License

ISC © Kirill Babinec