Merge pull request #524 from bencodezen/css-to-stylus

Issue #482: CSS to Stylus

Author: martinheidegger

.gitignore

@@ -2,4 +2,8 @@
 .idea
 .build*
 _site
-node_modules
+node_modules
+
+# Ignore generated CSS files and sourcemaps since they no longer represent src code
+/*.css
+/*.css.map

chapters.css

@@ -9,6 +9,7 @@
     "build-html": "node ./scripts/build-html.js $$",
     "build-chapters": "node ./scripts/build-chapters.js $$",
     "build-dependencies": "bash ./scripts/build-dependencies.sh $$",
+    "generate-css": "bash ./scripts/generate-css.sh",
     "generate-language": "node ./scripts/generate-lang.js",
     "generate-untranslated-lang": "node ./scripts/generate-untranslated-lang.js",
     "validate-html": "node ./scripts/validate-html.js",
@@ -32,13 +33,15 @@
   },
   "devDependencies": {
     "after-all": "^2.0.1",
+    "autoprefixer-stylus": "^0.9.4",
     "browserify": "^12.0.1",
     "cheerio": "^0.19.0",
     "gaze": "^0.5.1",
     "glob": "^6.0.3",
     "jsdom": "^7.1.0",
     "live-server": "^0.9.0",
     "mkdirp": "^0.5.1",
-    "read": "^1.0.5"
+    "read": "^1.0.5",
+    "stylus": "^0.54.5"
   }
 }

events.css

@@ -1,5 +1,6 @@
 #!/bin/bash
 npm run build-chapters -- $@
+npm run generate-css
 npm run build-dependencies
 npm run build-copy -- $@
 npm run build-html -- $@

package.json

@@ -0,0 +1,10 @@
+# Generates minified CSS files with autoprefixes and sourcemaps in root directory
+#   -c = compressed
+#   -m = sourcemap
+#   -o = output
+#   -u = utilize plugin
+
+stylus -u autoprefixer-stylus -c -m ./styles/chapters.styl -o ./chapters.css
+stylus -u autoprefixer-stylus -c -m ./styles/events.styl -o ./events.css
+stylus -u autoprefixer-stylus -c -m ./styles/mapbox.styl -o ./mapbox.css
+stylus -u autoprefixer-stylus -c -m ./styles/style.styl -o ./style.css