From e4e8321e395a59a72a2d25428ee6763cfd17c0da Mon Sep 17 00:00:00 2001 From: Matt Date: Tue, 12 Apr 2016 22:06:06 -0400 Subject: [PATCH] Add less build for styles --- app/css/app.css | 6 ++++++ app/css/app.less | 19 +++++++++++++++++++ app/gulpfile.js | 9 ++++++++- 3 files changed, 33 insertions(+), 1 deletion(-) create mode 100644 app/css/app.less diff --git a/app/css/app.css b/app/css/app.css index e69de29..c192a1e 100644 --- a/app/css/app.css +++ b/app/css/app.css @@ -0,0 +1,6 @@ +#log{ + position: fixed; + bottom: 0; + width: 100%; + height: 100px; +} \ No newline at end of file diff --git a/app/css/app.less b/app/css/app.less new file mode 100644 index 0000000..3836ef7 --- /dev/null +++ b/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; +} \ No newline at end of file diff --git a/app/gulpfile.js b/app/gulpfile.js index dd832a9..97b1bbb 100644 --- a/app/gulpfile.js +++ b/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']); \ No newline at end of file +gulp.task('less', function () { + return gulp.src('./css/*.less') + .pipe(less()) + .pipe(gulp.dest('./css')); +}); + +gulp.task('default', ['js', 'less']); \ No newline at end of file