<repo_name>Sobiash/SASS-Project<file_sep>/gulp/tasks/build.js
const gulp = require("gulp"),
      usemin = require("gulp-usemin"),
      rev = require("gulp-rev"),
      del = require ("del");


gulp.task("deleteDistFolder", function(){
  return del(["dist/styles/*.css", "./dist/img/**", "./dist/*.html"]);
});


gulp.task("usemin", function(done){
  return gulp.src("./app/*.html")
  .pipe(usemin({
    css: [ rev() ]
  }))
  .pipe(gulp.dest("./dist/"));
  done();
});


gulp.task("build", gulp.series("deleteDistFolder", "sass", "images", "usemin"));<file_sep>/gulp/tasks/styles.js
const gulp = require("gulp"),
      sass = require("gulp-sass"),
      autoprefixer = require("autoprefixer"),
      sourcemaps = require ("gulp-sourcemaps"),
      postcss = require ("gulp-postcss"),
      cssnano = require ("cssnano");

const paths = {
  styles: {
    src: "./app/scss/**/*.scss",
    dest: "./app/dest/css/"
  }
}

gulp.task("sass", function(done){
  gulp.src(paths.styles.src)
  .pipe(sourcemaps.init())
  .pipe(sass().on("error", sass.logError))
  .pipe(postcss([autoprefixer(), cssnano()]))
  .pipe(sourcemaps.write("."))
  .pipe(gulp.dest(paths.styles.dest));
  done();
});
<file_sep>/README.md
# SASS-Project
In this project, I have made a sass project with the help of sass plugins and gulp task-runner. This project is made to show my sass skills and only is about frontend web design made with flexbox.
