gulp

var gulp = require('gulp'),
    compass = require('gulp-compass');

var sources = {
    styles : 'client/app/sass/**/*.scss'
}

gulp.task('styles', function() {
    return gulp.src('sources.styles')
        .pipe(compass({
            require: ['modular-scale', 'singularitygs'],
            sass: 'client/app/sass',
            css: 'client/app/stylesheets',
            image: 'client/app/images',
            style: 'compact'
        }))
        .pipe(gulp.dest('client/app/stylesheets'));
});

gulp.task('watch', function() {
    gulp.watch(sources.styles, ['styles']);
});

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