From 51658528f0f6becd0ebd3e7f9ee4697f4a098e3d Mon Sep 17 00:00:00 2001
From: Jan Lindemann <jan@janware.com>
Date: Sat, 6 Dec 2025 15:07:15 +0100
Subject: [PATCH] tailwind.mk: Add file

tailwind.mk is meant to generate a CSS file with tailwind classes
from configuration files named *.css.tw or *.css.tw.tmpl. The latter
flavour understands some make-style variables, as of now only
$(TOPDIR).

Signed-off-by: Jan Lindemann <jan@janware.com>
---
 make/tailwind.mk | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 make/tailwind.mk

diff --git a/make/tailwind.mk b/make/tailwind.mk
new file mode 100644
index 00000000..1ef948e9
--- /dev/null
+++ b/make/tailwind.mk
@@ -0,0 +1,24 @@
+TW_CONF_TMPL                ?= $(wildcard *.css.tw.tmpl)
+TW_GENERATED_CONF           ?= $(patsubst %.css.tw.tmpl,%.css.tw,$(TW_CONF_TMPL))
+TW_CONF                     ?= $(wildcard *.css.tw) $(TW_GENERATED_CONF)
+TW_GENERATED_CSS            ?= $(patsubst %.css.tw,%.css,$(TW_CONF))
+
+all: $(TW_GENERATED_CSS)
+install-tailwind.done:
+	npm install tailwindcss @tailwindcss/cli
+	touch $@
+
+$(TW_GENERATED_CSS): install-tailwind.done
+
+%.css.tw: %.css.tw.tmpl
+	sed "\
+		s|\\\$$(TOPDIR)|$(TOPDIR)|g \
+	" $< > $@.tmp
+	mv $@.tmp $@
+
+%.css: %.css.tw
+	npx @tailwindcss/cli -i $< -o $@.tmp
+	mv $@.tmp $@
+clean.tw:
+	rm -rf node_modules package.json package-lock.json $(TW_GENERATED_CSS) $(TW_GENERATED_CONF)
+clean: clean.tw