diff --git a/.gitignore b/.gitignore
index a5ffac4..3b7b7c6 100755
--- a/.gitignore
+++ b/.gitignore
@@ -1,5 +1,6 @@
 .ssh/*
 .bash*
 .profile
-vendor/*
+/vendor/*
 .sass-cache/*
+/node_modules/
diff --git a/config.rb b/config.rb
deleted file mode 100755
index 31c7f33..0000000
--- a/config.rb
+++ /dev/null
@@ -1,23 +0,0 @@
-# Require any additional compass plugins here.
-
-# Set this to the root of your project when deployed:
-http_path = "/"
-css_dir = "css"
-sass_dir = "scss"
-javascripts_dir = "javascript"
-
-# You can select your preferred output style here (can be overridden via the command line):
-# output_style = :expanded or :nested or :compact or :compressed
-
-# To enable relative paths to assets via compass helper functions. Uncomment:
-relative_assets = true
-
-# To disable debugging comments that display the original location of your selectors. Uncomment:
-line_comments = false
-
-
-# If you prefer the indented syntax, you might want to regenerate this
-# project again passing --syntax sass, or you can uncomment this:
-# preferred_syntax = :sass
-# and then run:
-# sass-convert -R --from scss --to sass scss scss && rm -rf sass && mv scss sass
diff --git a/css/blog.css b/css/blog.css
index fe370bc..a89a5eb 100644
--- a/css/blog.css
+++ b/css/blog.css
@@ -1,58 +1,43 @@
 .no-sidebar .content-container.size3of4 {
-  width: 75%;
-}
+  width: 75%; }
 
 .blog-entry .post-image img {
-  width: 98.75%;
-}
+  width: 98.75%; }
 
 .blog-sidebar .WidgetHolder ul {
-  margin-left: 0;
-}
-.blog-sidebar .WidgetHolder ul li {
-  list-style-type: none;
-}
+  margin-left: 0; }
+  .blog-sidebar .WidgetHolder ul li {
+    list-style-type: none; }
+
 ul.blogTagCloud {
   list-style-type: none;
-  clear: both;
-}
-ul.blogTagCloud li {
-  float: left;
-  display: inline;
-  padding-right: 8px;
-}
-ul.blogTagCloud li a span {
+  clear: both; }
+  ul.blogTagCloud li {
     float: left;
-    line-height: 30px; text-align: center;
-    padding: 0px;
-}
-ul.blogTagCloud .tagCount10 {
-  font-size: 26pt;
-}
-ul.blogTagCloud .tagCount9 {
-  font-size: 24pt;
-}
-ul.blogTagCloud .tagCount8 {
-  font-size: 22pt;
-}
-ul.blogTagCloud .tagCount7 {
-  font-size: 20pt;
-}
-ul.blogTagCloud .tagCount6 {
-  font-size: 18pt;
-}
-ul.blogTagCloud .tagCount5 {
-  font-size: 16pt;
-}
-ul.blogTagCloud .tagCount4 {
-  font-size: 14pt;
-}
-ul.blogTagCloud .tagCount3 {
-  font-size: 12pt;
-}
-ul.blogTagCloud .tagCount2 {
-  font-size: 10pt;
-}
-ul.blogTagCloud .tagCount1 {
-  font-size: 8pt;
-}
+    display: inline;
+    padding-right: 8px; }
+    ul.blogTagCloud li a span {
+      float: left;
+      line-height: 30px;
+      text-align: center;
+      padding: 0px; }
+  ul.blogTagCloud .tagCount10 {
+    font-size: 26pt; }
+  ul.blogTagCloud .tagCount9 {
+    font-size: 24pt; }
+  ul.blogTagCloud .tagCount8 {
+    font-size: 22pt; }
+  ul.blogTagCloud .tagCount7 {
+    font-size: 20pt; }
+  ul.blogTagCloud .tagCount6 {
+    font-size: 18pt; }
+  ul.blogTagCloud .tagCount5 {
+    font-size: 16pt; }
+  ul.blogTagCloud .tagCount4 {
+    font-size: 14pt; }
+  ul.blogTagCloud .tagCount3 {
+    font-size: 12pt; }
+  ul.blogTagCloud .tagCount2 {
+    font-size: 10pt; }
+  ul.blogTagCloud .tagCount1 {
+    font-size: 8pt; }
diff --git a/css/cms.css b/css/cms.css
index df0da49..41de718 100755
--- a/css/cms.css
+++ b/css/cms.css
@@ -7,19 +7,12 @@
 /*
  * Sprite maps & Icons
  */
-.blog-icon-sprite, .gridfield-icon .blog-icon-timer {
-  background-image: url('../images/blog-icon-s0a5ab5f851.png');
-  background-repeat: no-repeat;
-}
-
-.gridfield-icon .blog-icon-timer {
-  background-position: 0 0;
-}
+.gridfield-icon.blog-icon-timer {
+  background: url("../images/blog-icon/timer.png") center no-repeat; }
 
 #FeaturedImage .middleColumn {
   clear: none;
-  float: left;
-}
+  float: left; }
 
 .blog-admin-sidebar {
   width: 280px;
@@ -28,60 +21,46 @@
   position: absolute;
   right: 0px;
   bottom: 0px;
-  height: 100%;
-}
-.blog-admin-sidebar .cms-panel-toggle a {
-  text-align: left;
-}
-.blog-admin-sidebar ~ .blog-admin-outer {
-  width: 100%;
-  padding-right: 280px;
-  position: absolute;
-  height: 100%;
-  overflow-y: hidden;
-  overflow-x: hidden;
-  box-sizing: border-box;
-}
-.blog-admin-sidebar ~ .blog-admin-outer > .ss-tabset {
-  position: relative;
-  overflow: auto;
-  height: 100%;
-  width: 100%;
-}
-.blog-admin-sidebar ~ .blog-admin-outer > .ss-tabset #Title label {
-  float: none;
-}
-.blog-admin-sidebar ~ .blog-admin-outer > .ss-tabset #Title .middleColumn, .blog-admin-sidebar ~ .blog-admin-outer > .ss-tabset #Title input {
-  width: 100%;
-  max-width: 100%;
-  margin-left: 0;
-}
-.blog-admin-sidebar .cms-content-view > .field + .field {
-  margin-top: 10px;
-}
-.blog-admin-sidebar .cms-content-view > .field.urlsegment .preview {
-  padding-top: 0;
-  line-height: 25px;
-}
-.blog-admin-sidebar .cms-content-view > .field.urlsegment .edit {
-  float: right;
-}
-.blog-admin-sidebar .cms-content-view > .field.datetime > .middleColumn > .date {
-  width: 60%;
-}
-.blog-admin-sidebar .cms-content-view > .field.datetime > .middleColumn > .time {
-  width: 36%;
-  float: right;
-}
-.blog-admin-sidebar .cms-content-view > .field.datetime > .middleColumn .middleColumn, .blog-admin-sidebar .cms-content-view > .field.datetime > .middleColumn input {
-  width: 100%;
-}
-.blog-admin-sidebar.collapsed ~ .blog-admin-outer {
-  padding-right: 41px;
-}
-.blog-admin-sidebar.cms-content-tools .cms-panel-content {
-  width: auto;
-}
+  height: 100%; }
+  .blog-admin-sidebar .cms-panel-toggle a {
+    text-align: left; }
+  .blog-admin-sidebar ~ .blog-admin-outer {
+    width: 100%;
+    padding-right: 280px;
+    position: absolute;
+    height: 100%;
+    overflow-y: hidden;
+    overflow-x: hidden;
+    box-sizing: border-box; }
+    .blog-admin-sidebar ~ .blog-admin-outer > .ss-tabset {
+      position: relative;
+      overflow: auto;
+      height: 100%;
+      width: 100%; }
+      .blog-admin-sidebar ~ .blog-admin-outer > .ss-tabset #Title label {
+        float: none; }
+      .blog-admin-sidebar ~ .blog-admin-outer > .ss-tabset #Title .middleColumn, .blog-admin-sidebar ~ .blog-admin-outer > .ss-tabset #Title input {
+        width: 100%;
+        max-width: 100%;
+        margin-left: 0; }
+  .blog-admin-sidebar .cms-content-view > .field + .field {
+    margin-top: 10px; }
+  .blog-admin-sidebar .cms-content-view > .field.urlsegment .preview {
+    padding-top: 0;
+    line-height: 25px; }
+  .blog-admin-sidebar .cms-content-view > .field.urlsegment .edit {
+    float: right; }
+  .blog-admin-sidebar .cms-content-view > .field.datetime > .middleColumn > .date {
+    width: 60%; }
+  .blog-admin-sidebar .cms-content-view > .field.datetime > .middleColumn > .time {
+    width: 36%;
+    float: right; }
+  .blog-admin-sidebar .cms-content-view > .field.datetime > .middleColumn .middleColumn, .blog-admin-sidebar .cms-content-view > .field.datetime > .middleColumn input {
+    width: 100%; }
+  .blog-admin-sidebar.collapsed ~ .blog-admin-outer {
+    padding-right: 41px; }
+  .blog-admin-sidebar.cms-content-tools .cms-panel-content {
+    width: auto; }
 
 .toggle-description {
   text-indent: -1000000px;
@@ -89,63 +68,53 @@
   background: url("../images/information.png") no-repeat center center;
   width: 20px;
   height: 20px;
-  margin-left: 4px;
-}
+  margin-left: 4px; }
 
 .middleColumn.toggle-description-correct-middle {
   margin-left: 0;
   float: left;
-  width: 416px;
-}
+  width: 416px; }
 
 label.right.toggle-description-correct-right {
   display: inline-block;
   margin-left: 0;
   clear: none;
-  float: left;
-}
+  float: left; }
 
 .description.toggle-description-correct-description {
   width: 416px;
-  padding: 12px 0;
-}
+  padding: 12px 0; }
 
 .custom-summary .ui-accordion-content .field {
-  margin: 0;
-}
+  margin: 0; }
+
 .custom-summary .ui-accordion-content,
 .custom-summary .ui-accordion-content .field {
-  padding: 0;
-}
+  padding: 0; }
+
 .custom-summary .ui-icon-triangle-1-e {
-  background-position: -16px -128px;
-}
+  background-position: -16px -128px; }
 
 .cms table.ss-gridfield-table tr td.MergeAction {
-  width: 225px;
-}
-.cms table.ss-gridfield-table tr td.MergeAction a {
-  display: block;
-  height: 100%;
-  width: 100%;
-}
-.cms table.ss-gridfield-table tr td.MergeAction select {
-  width: 150px;
-}
+  width: 225px; }
+  .cms table.ss-gridfield-table tr td.MergeAction a {
+    display: block;
+    height: 100%;
+    width: 100%; }
+  .cms table.ss-gridfield-table tr td.MergeAction select {
+    width: 150px; }
 
 .cms-content-actions,
 .cms-preview-controls {
-  z-index: 999;
-}
+  z-index: 999; }
 
 .blog-cms-categorisation .MergeActionReveal {
-  margin-left: 10px;
-}
+  margin-left: 10px; }
+
 .blog-cms-categorisation .MergeActionReveal:after {
   content: '';
   background: url("../images/move-icon.png");
   display: inline-block;
   height: 16px;
   width: 16px;
-  margin-left: 4px;
-}
+  margin-left: 4px; }
diff --git a/gulpfile.js b/gulpfile.js
new file mode 100644
index 0000000..4aa2f74
--- /dev/null
+++ b/gulpfile.js
@@ -0,0 +1,17 @@
+var sass = require("gulp-sass");
+var gulp = require("gulp");
+var watch = require('gulp-watch');
+
+gulp.task("scss", function () {
+    gulp.src("./scss/*.scss")
+        .pipe(sass().on('error', sass.logError))
+        .pipe(gulp.dest("./css"));
+});
+
+gulp.task('watch', ['scss'], function() {
+    gulp.watch('./scss/*.scss', ['scss']);
+});
+
+gulp.task('default', ['scss'], function() {
+    // noop
+});
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..4fe994b
--- /dev/null
+++ b/package.json
@@ -0,0 +1,28 @@
+{
+  "name": "silverstripe-blog",
+  "version": "3.0.0",
+  "description": "Silverstripe blog module",
+  "main": "index.js",
+  "directories": {
+    "doc": "docs",
+    "test": "tests"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/silverstripe/silverstripe-blog.git"
+  },
+  "author": "",
+  "license": "BSD-3",
+  "bugs": {
+    "url": "https://github.com/silverstripe/silverstripe-blog/issues"
+  },
+  "homepage": "https://github.com/silverstripe/silverstripe-blog#readme",
+  "devDependencies": {
+    "gulp": "^3.9.1",
+    "gulp-sass": "^2.3.1",
+    "gulp-watch": "^4.3.6"
+  }
+}
diff --git a/scss/cms.scss b/scss/cms.scss
index 42dcea6..20419f6 100755
--- a/scss/cms.scss
+++ b/scss/cms.scss
@@ -1,191 +1,191 @@
-/**
- * CMS Styles
- */
-/**
- * Include Compass framework
- */
-@import "compass";
-/*
- * Sprite maps & Icons
- */
-@import "compass/utilities/sprites/base";
-@import "blog-icon/*.png";
-// buttons
-
-.gridfield-icon {
-	@include all-blog-icon-sprites;
-}
-
-#FeaturedImage .middleColumn {
-	clear: none;
-	float: left;
-}
-
-.blog-admin-sidebar {
-	width: 280px;
-	border-right: none;
-	border-left: 1px solid #C0C0C2;
-	position: absolute;
-	right: 0px;
-	bottom: 0px;
-	height: 100%;
-
-	.cms-panel-toggle a {
-		text-align: left;
-	}
-
-	~ .blog-admin-outer {
-		width: 100%;
-		padding-right: 280px;
-		position: absolute;
-		height: 100%;
-		overflow-y: hidden;
-		overflow-x: hidden;
-		box-sizing: border-box;
-
-		> .ss-tabset {
-			position: relative;
-			overflow: auto;
-			height: 100%;
-			width: 100%;
-
-			#Title {
-				label {
-					float: none;
-				}
-				.middleColumn, input {
-					width: 100%;
-					max-width: 100%;
-					margin-left: 0;
-				}
-			}
-		}
-	}
-
-	.cms-content-view {
-		> .field {
-			+ .field {
-				margin-top: 10px;
-			}
-
-			&.urlsegment {
-				.preview {
-					padding-top: 0;
-					line-height: 25px;
-				}
-
-				.edit {
-					float: right;
-				}
-			}
-
-			&.datetime {
-				> .middleColumn {
-					> .date {
-						width: 60%;
-					}
-
-					> .time {
-						width: 36%;
-						float: right;
-					}
-
-					.middleColumn, input {
-						width: 100%;
-					}
-				}
-			}
-		}
-	}
-
-	&.collapsed {
-		~ .blog-admin-outer {
-			padding-right: 41px;
-		}
-	}
-
-	&.cms-content-tools {
-		.cms-panel-content {
-			width: auto;
-		}
-	}
-}
-
-.toggle-description {
-	text-indent: -1000000px;
-	display: inline-block;
-	background: url("../images/information.png") no-repeat center center;
-	width: 20px;
-	height: 20px;
-	margin-left: 4px;
-}
-
-.middleColumn.toggle-description-correct-middle {
-	margin-left: 0;
-	float: left;
-	width: 416px;
-}
-
-label.right.toggle-description-correct-right {
-	display: inline-block;
-	margin-left: 0;
-	clear: none;
-	float: left;
-}
-
-.description.toggle-description-correct-description {
-	width: 416px;
-	padding: 12px 0;
-}
-
-.custom-summary {
-	.ui-accordion-content .field {
-		margin: 0;
-	}
-
-	.ui-accordion-content,
-	.ui-accordion-content .field {
-		padding: 0;
-	}
-
-	.ui-icon-triangle-1-e {
-		background-position: -16px -128px;
-	}
-}
-
-.cms table.ss-gridfield-table {
-	tr td.MergeAction {
-		width: 225px;
-
-		a {
-			display: block;
-			height: 100%;
-			width: 100%;
-		}
-
-		select {
-			width: 150px;
-		}
-	}
-}
-
-.cms-content-actions,
-.cms-preview-controls {
-	z-index: 999;
-}
-
-.blog-cms-categorisation {
-
-	.MergeActionReveal {
-		margin-left: 10px;
-	}
-
-	.MergeActionReveal:after {
-		content: '';
-		background: url('../images/move-icon.png');
-		display: inline-block;
-		height: 16px;
-		width: 16px;
-		margin-left: 4px;
-	}
-}
+/**
+ * CMS Styles
+ */
+/**
+ * Include Compass framework
+ */
+// @import "compass";
+/*
+ * Sprite maps & Icons
+ */
+// @import "compass/utilities/sprites/base";
+// @import "blog-icon/*.png";
+// buttons
+
+.gridfield-icon.blog-icon-timer {
+    background: url('../images/blog-icon/timer.png') center no-repeat;
+}
+
+#FeaturedImage .middleColumn {
+	clear: none;
+	float: left;
+}
+
+.blog-admin-sidebar {
+	width: 280px;
+	border-right: none;
+	border-left: 1px solid #C0C0C2;
+	position: absolute;
+	right: 0px;
+	bottom: 0px;
+	height: 100%;
+
+	.cms-panel-toggle a {
+		text-align: left;
+	}
+
+	~ .blog-admin-outer {
+		width: 100%;
+		padding-right: 280px;
+		position: absolute;
+		height: 100%;
+		overflow-y: hidden;
+		overflow-x: hidden;
+		box-sizing: border-box;
+
+		> .ss-tabset {
+			position: relative;
+			overflow: auto;
+			height: 100%;
+			width: 100%;
+
+			#Title {
+				label {
+					float: none;
+				}
+				.middleColumn, input {
+					width: 100%;
+					max-width: 100%;
+					margin-left: 0;
+				}
+			}
+		}
+	}
+
+	.cms-content-view {
+		> .field {
+			+ .field {
+				margin-top: 10px;
+			}
+
+			&.urlsegment {
+				.preview {
+					padding-top: 0;
+					line-height: 25px;
+				}
+
+				.edit {
+					float: right;
+				}
+			}
+
+			&.datetime {
+				> .middleColumn {
+					> .date {
+						width: 60%;
+					}
+
+					> .time {
+						width: 36%;
+						float: right;
+					}
+
+					.middleColumn, input {
+						width: 100%;
+					}
+				}
+			}
+		}
+	}
+
+	&.collapsed {
+		~ .blog-admin-outer {
+			padding-right: 41px;
+		}
+	}
+
+	&.cms-content-tools {
+		.cms-panel-content {
+			width: auto;
+		}
+	}
+}
+
+.toggle-description {
+	text-indent: -1000000px;
+	display: inline-block;
+	background: url("../images/information.png") no-repeat center center;
+	width: 20px;
+	height: 20px;
+	margin-left: 4px;
+}
+
+.middleColumn.toggle-description-correct-middle {
+	margin-left: 0;
+	float: left;
+	width: 416px;
+}
+
+label.right.toggle-description-correct-right {
+	display: inline-block;
+	margin-left: 0;
+	clear: none;
+	float: left;
+}
+
+.description.toggle-description-correct-description {
+	width: 416px;
+	padding: 12px 0;
+}
+
+.custom-summary {
+	.ui-accordion-content .field {
+		margin: 0;
+	}
+
+	.ui-accordion-content,
+	.ui-accordion-content .field {
+		padding: 0;
+	}
+
+	.ui-icon-triangle-1-e {
+		background-position: -16px -128px;
+	}
+}
+
+.cms table.ss-gridfield-table {
+	tr td.MergeAction {
+		width: 225px;
+
+		a {
+			display: block;
+			height: 100%;
+			width: 100%;
+		}
+
+		select {
+			width: 150px;
+		}
+	}
+}
+
+.cms-content-actions,
+.cms-preview-controls {
+	z-index: 999;
+}
+
+.blog-cms-categorisation {
+
+	.MergeActionReveal {
+		margin-left: 10px;
+	}
+
+	.MergeActionReveal:after {
+		content: '';
+		background: url('../images/move-icon.png');
+		display: inline-block;
+		height: 16px;
+		width: 16px;
+		margin-left: 4px;
+	}
+}