Creator — Building a Ghost Theme (Work Log)

Back to project

Building 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