build sys improvement: live watching of css changes

freechat-client/Makefile

@@ -2,13 +2,18 @@
 sass=static/sass/
 css=static/css/
 
-all: sass run
+all: build-sass run
 
-sass:
+live: watch-sass run
-	sh scripts/build-sass.sh
+
+build-sass:
+	sh scripts/build-sass.sh build
+
+watch-sass:
+	sh scripts/build-sass.sh watch &
 
 run:
 	npm start
 
 clean:
-	rm -f $(css)/*
+	rm -f $(css)/*

freechat-client/scripts/build-sass.sh

@@ -3,6 +3,18 @@
 sassDir='src/sass/'
 cssDir='src/css/'
 
-for i in $sassDir/*;do
+build() {
-    sass $i $cssDir/`basename -s .scss $i`.css
+    for i in $sassDir/*;do
-done
+        sass $i $cssDir/`basename -s .scss $i`.css
+    done
+}
+
+watch() {
+    pairs=''
+    for i in $sassDir*;do
+        pairs="$i:$cssDir`basename -s .scss $i`.css $pairs"
+    done
+    sass --watch $pairs
+}
+
+"$@"