var gulp = require ('gulp'),
    sass = require ('gulp-sass'),
    sync = require ('browser-sync').create();

gulp.task('sass',function () {

  return (
    gulp.src('app/sass/**/*.scss')
    .pipe(sass().on('srror', sass.logError))
    .pipe(gulp.dest('app/css'))
    .pipe(sync.reolad({
      stream: true
    }))
  )

});

gulp.task('sync', ['sass'], function () {

  sync.init({
    server: {
      baseDir: './'
    }
  });

  gulp.watch('app/sass/**/*.scss', ['sass']);
  gulp.watch('app/**/*.html').on('change', sync.reload);

});