const gulp = require('gulp');
const sass = require('gulp-sass');
const sassimport = require('gulp-cssimport');
const postcss = require('gulp-postcss');
const autoprefixer = require('autoprefixer');
gulp.task('styles', function(){
return gulp.src([
'!./{sass,scss}/**/_*.{sass,scss,sass.liquid,scss.liquid}',
'!./{sass,scss}/_**/*.*',
'./{sass,scss}/**/*.{sass,scss,sass.liquid,scss.liquid}'
])
.pipe(postcss([
autoprefixer(["> 1%", "last 2 versions", "Firefox ESR", "android 4"])
]))
.pipe(sassimport())
.pipe(gulp.dest('./assets'));
});