Add browsersync for custom css

Use browsersync.stream() to stream update the custom css file
(custom1.css).

gulp/browserSyncManager.js

@@ -4,6 +4,7 @@ var browserSync = require('browser-sync');
 module.exports = {
     closeServer: closeServer,
     reloadServer: reloadServer,
+    streamToServer: streamToServer,
     startServer: startServer,
 };
 
@@ -15,6 +16,10 @@ function reloadServer(label) {
     return browserSync.get('production').reload();
 }
 
+function streamToServer() {
+    return browserSync.get('production').stream();
+}
+
 function startServer(args) {
     var label = args.label;
     var port = args.port;

gulp/tasks/servers.js

@@ -14,10 +14,14 @@ let prompt = require('prompt');
 
 
 
-gulp.task('setup_watchers', ['watch-js'], () => {
+gulp.task('setup_watchers', ['watch-js', 'watch-css'], () => {
     gulp.watch(config.buildParams.customPath(),() => {
         return browserSyncManager.reloadServer();
     });
+    gulp.watch(config.buildParams.customCssPath(),() => {
+        return gulp.src(config.buildParams.customCssPath())
+            .pipe(browserSyncManager.streamToServer());
+    });
 });