Use LESS for CSS

1 files changed, 15 insertions, 3 deletions

diff --git a/gulpfile.js b/gulpfile.js
index 95032523..66e18e13 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -28,6 +28,8 @@ const git = require('simple-git')();
 const source = require('vinyl-source-stream');
 const stream = require('stream');
 const prompt = require('gulp-prompt');
+const less = require('gulp-less');
+const sourcemaps = require('gulp-sourcemaps');
 
 const cordova = require("cordova-lib").cordova;
 
@@ -101,12 +103,13 @@ function process_package_debug(done) {
     getGitRevision(done, processPackage, false);
 }
 
-
 // dist_yarn MUST be done after dist_src
 
-const distBuild = gulp.series(process_package_release, dist_src, dist_changelog, dist_yarn, dist_locale, dist_libraries, dist_resources, dist_rollup, gulp.series(cordova_dist()));
+const distCommon = gulp.series(dist_src, dist_less, dist_changelog, dist_yarn, dist_locale, dist_libraries, dist_resources, dist_rollup, gulp.series(cordova_dist()));
+
+const distBuild = gulp.series(process_package_release, distCommon);
 
-const debugDistBuild = gulp.series(process_package_debug, dist_src, dist_changelog, dist_yarn, dist_locale, dist_libraries, dist_resources, dist_rollup, gulp.series(cordova_dist()));
+const debugDistBuild = gulp.series(process_package_debug, distCommon);
 
 const distRebuild = gulp.series(clean_dist, distBuild);
 gulp.task('dist', distRebuild);
@@ -344,6 +347,7 @@ function dist_src() {
         './src/**/*',
         '!./src/css/dropdown-lists/LICENSE',
         '!./src/support/**',
+        '!./src/**/*.less',
     ];
 
     return gulp.src(distSources, { base: 'src' })
@@ -351,6 +355,14 @@ function dist_src() {
         .pipe(gulp.dest(DIST_DIR));
 }
 
+function dist_less() {
+    return gulp.src('./src/**/*.less')
+    .pipe(sourcemaps.init())
+    .pipe(less())
+    .pipe(sourcemaps.write('.'))
+    .pipe(gulp.dest(`${DIST_DIR}`));
+}
+
 function dist_changelog() {
     return gulp.src('changelog.html')
         .pipe(gulp.dest(`${DIST_DIR}tabs/`));