First pass 2.0 design

gulpfile.js

@@ -0,0 +1,95 @@
+var gulp = require('gulp');
+
+// gulp plugins and utils
+var csscomb = require('gulp-csscomb');
+var del = require('del');
+var extReplace = require('gulp-ext-replace');
+var gutil = require('gulp-util');
+var livereload = require('gulp-livereload');
+var nodemon = require('gulp-nodemon');
+var postcss = require('gulp-postcss');
+var replace = require('gulp-replace');
+var svgmin = require('gulp-svgmin');
+var sourcemaps = require('gulp-sourcemaps');
+
+// postcss plugins
+var autoprefixer = require('autoprefixer');
+var colorFunction = require('postcss-color-function');
+var cssnano = require('cssnano');
+var customProperties = require('postcss-custom-properties');
+var easyimport = require('postcss-easy-import');
+
+var swallowError = function swallowError(error) {
+    gutil.log(error.toString());
+    gutil.beep();
+    this.emit('end');
+};
+
+var nodemonServerInit = function () {
+    livereload.listen(1234);
+
+    return nodemon({
+        ignore: ['gulpfile.js', 'assets/', 'public/', 'cachefiles/', 'locales/']
+    }).on('restart', function () {
+        gulp.src('app.js')
+            .pipe(livereload());
+    });
+};
+
+gulp.task('build', ['css', 'icons'], function (/* cb */) {
+    return nodemonServerInit();
+});
+
+gulp.task('css', function () {
+    var processors = [
+        easyimport,
+        customProperties,
+        colorFunction(),
+        autoprefixer({browsers: ['last 2 versions']}),
+        cssnano()
+    ];
+    gulp.src('assets/css/*.css')
+        .on('error', swallowError)
+        .pipe(sourcemaps.init())
+        .pipe(postcss(processors))
+        .pipe(sourcemaps.write('.'))
+        .pipe(gulp.dest('assets/public/'))
+        .pipe(livereload());
+});
+
+gulp.task('comb', function () {
+    return gulp.src('assets/css/**/*.css')
+        .pipe(csscomb())
+        .pipe(gulp.dest('assets/css/.'));
+});
+
+gulp.task('clean:icons', function () {
+    return del(['public/icons', 'views/partials/icons/*.hbs']);
+});
+
+gulp.task('icons', ['clean:icons'], function () {
+    gulp.src('assets/icons/**/*.svg')
+        .pipe(replace(/#(?:[0-9a-f]{3}){1,2}/gi, 'currentColor'))
+        .pipe(svgmin({
+            plugins: [{
+                removeDimensions: true
+            }, {
+                removeTitle: true
+            }]
+        }))
+        .pipe(gulp.dest('public/icons'))
+        .pipe(extReplace('.hbs'))
+        .pipe(gulp.dest('views/partials/icons'))
+        .on('end', function () {
+            livereload.reload();
+        });
+});
+
+gulp.task('watch', function () {
+    gulp.watch('assets/css/**', ['css']);
+    gulp.watch('assets/icons/**/*.svg', ['icons']);
+});
+
+gulp.task('default', ['build'], function () {
+    gulp.start('watch');
+});