diff --git a/addons/web/Gruntfile.js b/addons/web/Gruntfile.js
index 81c41c86001..54112dae3a0 100644
--- a/addons/web/Gruntfile.js
+++ b/addons/web/Gruntfile.js
@@ -8,11 +8,31 @@ module.exports = function(grunt) {
                 evil: true, //eval
                 laxbreak: true, //unsafe line breaks
             },
+        },
+        sass: {
+            dev: {
+                options: {
+                    style: "expanded",
+                },
+                files: {
+                    "static/src/css/base.css": "static/src/css/base.sass",
+                }
+            }
+        },
+        watch: {
+            sass: {
+                files: ["static/src/css/base.sass"],
+                tasks: ['sass']
+            },
         }
     });
 
     grunt.loadNpmTasks('grunt-contrib-jshint');
+    grunt.loadNpmTasks('grunt-contrib-sass');
+    grunt.loadNpmTasks('grunt-contrib-watch');
 
+    grunt.registerTask('gen', ["sass"]);
+    grunt.registerTask('watcher', ["gen", "watch"]);
     grunt.registerTask('test', []);
 
     grunt.registerTask('default', ['jshint']);
diff --git a/addons/web/package.json b/addons/web/package.json
index 3ce6500a077..cce1f2ad28f 100644
--- a/addons/web/package.json
+++ b/addons/web/package.json
@@ -1,6 +1,8 @@
 {
   "devDependencies": {
     "grunt": "*",
-    "grunt-contrib-jshint": "*"
+    "grunt-contrib-jshint": "*",
+    "grunt-contrib-sass": "~0.4.1",
+    "grunt-contrib-watch": "~0.5.1"
   }
 }