Creator — Building a Ghost Theme (Work Log)
Back to projectBuilding Creator, a free open-source multipurpose Ghost theme — documented step by step, in the open.
Build log
12 Jul 2026
1 min read
Part 12 — Adding Tailwind CSS to a Ghost theme
Swapped the Starter's default styles for a Tailwind pipeline.
Install
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init
Config
Pointed content globs at every .hbs so unused classes get purged:
content: ["./*.hbs", "./partials/**/*.hbs"]
Entry CSS
@tailwind base;
@tailwind components;
@tailwind utilities;
Purge is what keeps the shipped CSS tiny — critical for the Lighthouse 100 goal later.
Advertisement