Add less build for styles

app/css/app.css

@@ -0,0 +1,6 @@
+#log{
+	position: fixed;
+    bottom: 0;
+    width: 100%;
+    height: 100px;
+}

app/css/app.less

@@ -0,0 +1,19 @@
+
+
+#footer{
+	position: fixed;
+    bottom: 0;
+    width: 100%;
+    height: 100px;
+}
+
+#log{
+	position: fixed;
+	width: 700px;
+}
+
+#status{
+	position: fixed;
+	width: 100px;
+	right: 0;
+}

app/gulpfile.js

@@ -1,4 +1,5 @@
 var gulp = require('gulp'),
+	less = require('gulp-less'),
 	concat = require('gulp-concat');
 
 var scripts = [
@@ -16,4 +17,10 @@ gulp.task('js', function () {
     	.pipe(gulp.dest('./js/'));
 });
 
-gulp.task('default', ['js']);
+gulp.task('less', function () {
+	return gulp.src('./css/*.less')
+		.pipe(less())
+		.pipe(gulp.dest('./css'));
+});
+
+gulp.task('default', ['js', 'less']);