Fixed tailwindMerge to work with the additional xxs font size

2023-05-11 11:48:59 +01:00
parent 92a8927162
commit 5fda10806d
1 changed files with 23 additions and 4 deletions
@@ -1,12 +1,31 @@
 import { clsx, type ClassValue } from "clsx";
-import { twMerge, extendTailwindMerge } from "tailwind-merge";
+import { extendTailwindMerge } from "tailwind-merge";

 const customTwMerge = extendTailwindMerge({
-  theme: {
-    fontSize: ["xxs"],
+  classGroups: {
+    text: [
+      {
+        text: [
+          "xxs",
+          "xs",
+          "sm",
+          "md",
+          "lg",
+          "xl",
+          "2xl",
+          "3xl",
+          "4xl",
+          "5xl",
+          "6xl",
+          "7xl",
+          "8xl",
+          "9xl",
+        ],
+      },
+    ],
  },
 });

 export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs));
+  return customTwMerge(clsx(inputs));
 }