Issue 4607 - Default content styles

gulpfile.js

+/*!
+ * This file is part of universal-design-language
+ * Copyright (C) 2016 Eyeo GmbH
+ *
+ * universal-design-language is free software: you can redistribute it and/or
+ * modify it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * universal-design-language is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with web.starter-kit.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+const gulp = require("gulp");
+const sass = require("gulp-sass");
+const stylelint = require("gulp-stylelint");
+const htmlhint = require("gulp-htmlhint");
+const connect = require("gulp-connect");
+const sourcemaps = require("gulp-sourcemaps");
+
+gulp.task("connect", function()
+{
+  connect.server({
+    root: ".",
+    livereload: true
+  });
+});
+
+gulp.task("lint:css", function()
+{
+  return gulp.src("scss/*.scss")
+    .pipe(stylelint({
+      reporters: [
+        {formatter: "string", console: true}
+      ]
+    }));
+});
+
+gulp.task("lint:html", function()
+{
+  return gulp.src("html/*.html")
+    .pipe(htmlhint());
+});
+
+gulp.task("html", function()
+{
+  gulp.src("html/*.html")
+    .pipe(connect.reload());
+});
+
+gulp.task("scss", function ()
+{
+  return gulp.src("./scss/main.scss")
+    .pipe(sourcemaps.init())
+    .pipe(sass().on("error", sass.logError))
+    .pipe(sourcemaps.write("./"))
+    .pipe(gulp.dest("./css/"))
+    .pipe(connect.reload());
+});
+
+gulp.task("watch", function ()
+{
+  gulp.watch("html/*.html", ["lint:html", "html"]);
+  gulp.watch("scss/*.scss", ["lint:css", "scss"]);
+});
+
+gulp.task("lint", ["lint:html", "lint:css"]);
+
+gulp.task("default", ["lint", "scss", "connect", "watch"]);