summaryrefslogtreecommitdiff
path: root/docs/kss/Makefile
diff options
context:
space:
mode:
Diffstat (limited to 'docs/kss/Makefile')
-rw-r--r--docs/kss/Makefile19
1 files changed, 19 insertions, 0 deletions
diff --git a/docs/kss/Makefile b/docs/kss/Makefile
new file mode 100644
index 00000000..a7b0c471
--- /dev/null
+++ b/docs/kss/Makefile
@@ -0,0 +1,19 @@
+MEDIAWIKI_LOAD_URL ?= http://localhost/w/load.php
+
+kss: kssnodecheck
+# Generates CSS of mediawiki.ui and mediawiki.ui.button using ResourceLoader, then applies it to the
+# KSS style guide
+ $(eval KSS_RL_TMP := $(shell mktemp /tmp/tmp.XXXXXXXXXX))
+# Keep module names in strict alphabetical order, so CSS loads in the same order as ResourceLoader's addModuleStyles does; this can affect rendering.
+# See OutputPage::makeResourceLoaderLink.
+ @curl -sG "${MEDIAWIKI_LOAD_URL}?modules=mediawiki.legacy.commonPrint|mediawiki.legacy.shared|mediawiki.ui|mediawiki.ui.anchor|mediawiki.ui.button|mediawiki.ui.checkbox|mediawiki.ui.input&only=styles" > $(KSS_RL_TMP)
+ @node_modules/.bin/kss-node ../../resources/src/mediawiki.ui static/ --css $(KSS_RL_TMP) -t styleguide-template
+ @rm $(KSS_RL_TMP)
+
+kssopen: kss
+ @echo Opening the generated style guide...
+ @command -v xdg-open >/dev/null 2>&1 || { open ${PWD}/static/index.html; exit 0; }
+ @xdg-open ${PWD}/static/index.html
+
+kssnodecheck:
+ @scripts/kss-node-check.sh