Skip to content

Commit da7bbee

Browse files
committed
chore: Remove deprecated js config for Tailwind
Tailwind v4 moves from tailwind.config.mjs to using the @theme directive in css: https://tailwindcss.com/docs/upgrade-guide#using-a-javascript-config-file There is currently no way to cleanly reference the default font stack without copy-pasting in Tailwind v4: tailwindlabs/tailwindcss#15253
1 parent 4c247d9 commit da7bbee

File tree

2 files changed

+7
-18
lines changed

2 files changed

+7
-18
lines changed

src/styles/global.css

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,12 @@
11
@import "tailwindcss";
22
@plugin "@tailwindcss/typography";
3-
@config "../../tailwind.config.mjs";
3+
4+
@theme {
5+
--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
6+
--font-serif: "Lora", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
7+
}
8+
9+
@custom-variant dark (&:where(.dark, .dark *));
410

511
html {
612
overflow-y: scroll;

tailwind.config.mjs

Lines changed: 0 additions & 17 deletions
This file was deleted.

0 commit comments

Comments
 (0)