var gulp = require('gulp'),
    rename = require('gulp-rename'),
    basswork = require('gulp-basswork'),
    minifyCss = require('gulp-minify-css'),
    transform = require('vinyl-transform'),
    size = require('gulp-size'),
    webserver = require('gulp-webserver');

gulp.task('css', function() {
  gulp.src('./src/tachyons-widths.css')
    .pipe(basswork())
    .pipe(size({gzip: true, showFiles: true, title:'prefixed'}))
    .pipe(gulp.dest('./'))
    .pipe(minifyCss())
    .pipe(size({gzip: true, showFiles: true, title:'minified'}))
    .pipe(rename({ extname: '.min.css' }))
    .pipe(gulp.dest('./'));
});

gulp.task('serve', function() {
  gulp.src('.')
    .pipe(webserver({}));
});

gulp.task('default', ['css', 'serve'], function() {
  gulp.watch(['./src/**/*'], ['css']);
});



var gulp = require('gulp'),
    rename = require('gulp-rename'),
    basswork = require('gulp-basswork'),
    minifyCss = require('gulp-minify-css'),
    transform = require('vinyl-transform'),
    size = require('gulp-size'),
    webserver = require('gulp-webserver');

gulp.task('css', function() {
  gulp.src('./src/tachyons-widths.css')
    .pipe(basswork())
    .pipe(size({gzip: false, showFiles: true, title:'prefixed'}))
    .pipe(size({gzip: true, showFiles: true, title:'prefixed'}))
    .pipe(gulp.dest('./'))
    .pipe(minifyCss())
    .pipe(rename({ extname: '.min.css' }))
    .pipe(size({gzip: false, showFiles: true, title:'minified'}))
    .pipe(size({gzip: true, showFiles: true, title:'minified'}))
    .pipe(gulp.dest('./'));
});

gulp.task('serve', function() {
  gulp.src('.')
    .pipe(webserver({}));
});

gulp.task('default', ['css', 'serve'], function() {
  gulp.watch(['./src/**/*'], ['css']);
});



Add gzipped and non-gzipped file size output
Add gzipped and non-gzipped file size output
