var gulp = require('gulp');
var sass = require('gulp-sass');
var watch = require('gulp-watch');
var notify = require('gulp-notify');


 
// Default error handler
var onError = function( err ) {
  console.log( 'An error occured:', err.message );
  this.emit('end');
}
// Different options for the Sass tasks

gulp.task('sass', function() {
    gulp.src('sass/style.scss')
        .pipe(sass().on('error', sass.logError))
        
        .pipe(gulp.dest('css'))
        .pipe(notify({ title: 'Sass', message: 'sass task complete'  }));
});

gulp.task( 'watch', function() { 
  gulp.watch( './sass/**/*.scss', ['sass'] );
} );

gulp.task( 'default', ['watch'], function() {

 // Does nothing in this task, just triggers the dependent 'watch'
} );;