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