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 connect = require("gulp-connect");
+
+gulp.task("connect", function()
+{
+  connect.server({
+    root: ".",

[juliandoucette, 2016/11/25 16:28:40]

Note:

I changed the root from "." to "test" (previously "html") so that you don't have
to put the subdirectory in the url.

+    livereload: true

[saroyanm, 2016/11/21 18:44:35]

Suggestion: I'd vote for removing this feature, I think it's just a nice sugar,
but it makes almost impossible comparison of two tabs, which sometimes can be
useful.

[juliandoucette, 2016/11/22 00:54:02]

Acknowledged.

I will remove it.

[juliandoucette, 2016/11/25 16:28:40]

Done.

+  });
+});
+
+gulp.task("html", function()

[saroyanm, 2016/11/21 18:44:35]

What is this task used for ?
Do we need it ?

[juliandoucette, 2016/11/22 00:54:02]

Acknowledged.

It's used to reload the page when HTML changes. If we remove livereload then
there is no need for this task.

[juliandoucette, 2016/11/25 16:28:40]

Done.

+{
+  gulp.src("html/*.html")
+    .pipe(connect.reload());
+});
+
+gulp.task("scss", function ()
+{
+  return gulp.src("./scss/main.scss")
+    .pipe(sass().on("error", sass.logError))
+    .pipe(gulp.dest("./css/"))

[juliandoucette, 2016/11/25 16:28:41]

Note:

I changed this output directory so that we don't have to put subdirectories in
the url.

+    .pipe(connect.reload());
+});
+
+gulp.task("watch", function ()
+{
+  gulp.watch("html/*.html", ["html"]);
+  gulp.watch("scss/*.scss", ["scss"]);
+});
+
+gulp.task("default", ["scss", "connect", "watch"]);