var autoprefixer = require('autoprefixer');
var config = require('../config');
var cssnano = require('cssnano');
var debug = require('gulp-debug');
var flatten = require('gulp-flatten');
var gulp = require('gulp');
var gutil = require('gulp-util');
var merge = require('merge-stream');
var plumber = require('gulp-plumber');
var postcss = require('gulp-postcss');
var reload = browserSync.reload;
var sass = require('gulp-sass');
var shorthand = require('gulp-shorthand');

// ----------------------------
var postcssPlugins = [
    autoprefixer({
        browsers: ['last 3 version']
    }),
    cssnano({
        zindex:false,

    })
];

var sassOptions = {
    outputStyle: 'compressed',
    includePaths: [config.BASEPATH + 'lib/scss']
}

var onError = function(err) {
    gutil.beep();
    gutil.log(gutil.colors.red(err.message));
    this.emit('end');
};

gulp.task('sass', function() {
    var core = gulp.src(config.BASEPATH + 'lib/scss/**/styles.scss')
        .pipe(plumber({
            errorHandler: onError
        }))

        .pipe(sass(sassOptions))
        .pipe(postcss(postcssPlugins))
        .pipe(flatten())
        .pipe(gulp.dest(config.BASEPATH + '../wp-content/themes/zaklada/frontend/css'))
        .pipe(reload({
            stream: true
        }));




    return merge(core);

});