var gulp = require('gulp');
var sass = require('gulp-sass');
var autoprefixer = require('gulp-autoprefixer');
var plumber = require('gulp-plumber');
var browserSync = require('browser-sync').create();

gulp.task('sass', function () {
    gulp.src("sass/style.scss")
    .pipe(plumber())
    .pipe(sass())
    .pipe(autoprefixer({
        browsers: ['last 3 version'],
        cascade: true
    }))
    .pipe(gulp.dest('css'))
    .pipe(browserSync.reload({stream: true}))
});

gulp.task('serve', function () {
    browserSync.init ({
        server: {
            baseDir: '.'
        },
            notify: false
    });

    gulp.watch('sass/**/*.scss', ['sass']);
    gulp.watch("*.html").on("change", browserSync.reload);
});

gulp.task('watch', ['serve', 'sass']);