diff --git a/gulpfile.js b/gulpfile.js
index a3b07f49..757e93de 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -1,8 +1,20 @@
 'use strict';
 
 var gulp = require('gulp'),
+    compass = require('gulp-compass'),
+    minify_css = require('gulp-minify-css'),
     imagemin = require('gulp-imagemin');
 
+gulp.task('compass', function () {
+    gulp.src('./sass')
+        .pipe(compass({
+          config_file: './config.rb',
+          css: './source/assets/css'
+        }))
+        .pipe(minify_css())
+        .pipe(gulp.dest('./source/assets/css'));
+});
+
 gulp.task('image', function () {
     // Minify images.
     gulp.src('./source/assets/images/*')
@@ -10,4 +22,8 @@ gulp.task('image', function () {
         .pipe(gulp.dest('./source/assets/images'));
 });
 
+gulp.task('watch', function () {
+    gulp.watch('./sass/**/*.scss', ['compass']);
+});
+
 gulp.task('default', []);
diff --git a/package.json b/package.json
index 7e9f50bc..f81427e5 100644
--- a/package.json
+++ b/package.json
@@ -2,6 +2,7 @@
   "devDependencies": {
     "gulp": "^3.9.0",
     "gulp-compass": "^2.1.0",
-    "gulp-imagemin": "^2.4.0"
+    "gulp-imagemin": "^2.4.0",
+    "gulp-minify-css": "^1.2.3"
   }
 }