gulpfile.js

var gulp = require('gulp');
var $    = require('gulp-load-plugins')();
var sherpa = require('style-sherpa');
var uglifycss = require('gulp-uglifycss');

var sassPaths = [
  'node_modules/foundation-sites/scss',
  'node_modules/motion-ui/src',
  'node_modules/hamburgers/_sass/hamburgers'
];

gulp.task('sass', function() {
  return gulp.src('_scss/styles.scss')
    .pipe($.sass({
      includePaths: sassPaths
    })
      .on('error', $.sass.logError))
    .pipe($.autoprefixer({
      browsers: ['last 2 versions', 'ie >= 10']
    }))
    .pipe(uglifycss({
      "maxLineLen": 80,
      "uglyComments": true
    }))
    .pipe(gulp.dest('static/css'));
});

gulp.task('styleguide', function() {
  sherpa('_styleguide/styleguide.md', {
    output: 'styleguide/index.html',
    template: '_styleguide/template.hbs'
  });

});

gulp.task('default', ['sass'], function() {
  gulp.watch(['_scss/**/*.scss'], ['sass']);
  gulp.watch(['_styleguide/**/*.*'], ['styleguide']);
});