Skip to content

Commit af19d52

Browse files
committed
site: enable Tailwind Typography so prose pages render proper headings/lists
The about page (and other pages using 'prose') rendered headings at body size and lists inline because @tailwindcss/typography was never installed/enabled under Tailwind v4. Add the plugin and load it via '@plugin' in global.css so the prose class produces markdown-like heading hierarchy, list styling, and consistent typography.
1 parent 881842c commit af19d52

3 files changed

Lines changed: 49 additions & 3 deletions

File tree

site/package-lock.json

Lines changed: 46 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

site/package.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@
1313
"astro": "astro"
1414
},
1515
"dependencies": {
16+
"@tailwindcss/typography": "^0.5.20",
1617
"@tailwindcss/vite": "^4.3.0",
1718
"astro": "^6.3.6",
1819
"tailwindcss": "^4.3.0",

site/src/styles/global.css

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,2 @@
1-
@import "tailwindcss";
1+
@import "tailwindcss";
2+
@plugin "@tailwindcss/typography";

0 commit comments

Comments
 (0)