fix: fix tailwind config

mehdibha · Dec 27, 2023 · 3ed72a6 · 3ed72a6 · vercel · Dec 27, 2023
1 parent b8d3776
commit 3ed72a6
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 14 deletions.
diff --git a/apps/marketing/package.json b/apps/marketing/package.json
@@ -12,7 +12,6 @@
   },
   "dependencies": {
     "@hookform/resolvers": "^3.3.2",
-    "@tailwindcss/typography": "^0.5.10",
     "@turbocharger/database": "*",
     "@turbocharger/ui": "*",
     "@turbocharger/utils": "*",
@@ -32,6 +31,7 @@
     "zod": "^3.22.4"
   },
   "devDependencies": {
+    "@tailwindcss/typography": "^0.5.10",
     "@turbocharger/eslint-config": "*",
     "@turbocharger/tailwind-config": "*",
     "@turbocharger/ts-config": "*",
@@ -42,6 +42,7 @@
     "autoprefixer": "^10.4.13",
     "postcss": "^8.4.20",
     "tailwindcss": "^3.2.4",
+    "tailwindcss-animate": "^1.0.7",
     "typescript": "^5.2.2"
   }
 }
diff --git a/apps/marketing/src/components/hero.tsx b/apps/marketing/src/components/hero.tsx
@@ -24,7 +24,7 @@ export const Hero = (props: HeroProps) => {
   const { headline, subheadline, cta, demoVideo, companies } = props;
   return (
     <section className="px-6">
-      <h1 className="font-display text-center text-3xl sm:text-4xl md:text-5xl lg:text-6xl">
+      <h1 className="animate-in fade-in zoom-in font-display text-center text-3xl sm:text-4xl md:text-5xl lg:text-6xl">
         {headline.split("\n").map((line, index) => (
           <span key={index}>
             {stringReplace(line, /\*\*(.*?)\*\*/g, (match, index) => (

diff --git a/packages/tailwind-config/package.json b/packages/tailwind-config/package.json
@@ -2,9 +2,8 @@
   "name": "@turbocharger/tailwind-config",
   "version": "0.1.1",
   "main": "index.ts",
-  "publishConfig": {
-    "access": "public"
-  },
+  "sideEffects": false,
+  "private": true,
   "types": "index.ts",
   "devDependencies": {
     "tailwindcss": "^3.2.4",

diff --git a/packages/tailwind-config/tailwind.config.ts b/packages/tailwind-config/tailwind.config.ts
@@ -1,3 +1,4 @@
+import typography from "@tailwindcss/typography";
 import type { Config } from "tailwindcss";
 import defaultTheme from "tailwindcss/defaultTheme";
 
@@ -19,14 +20,14 @@ const config: Config = {
         "2xl": "1400px",
       },
     },
-    typography: {
-      quoteless: {
-        css: {
-          "blockquote p:first-of-type::before": { content: "none" },
-          "blockquote p:first-of-type::after": { content: "none" },
-        },
-      },
-    },
+    // typography: {
+    //   quoteless: {
+    //     css: {
+    //       "blockquote p:first-of-type::before": { content: "none" },
+    //       "blockquote p:first-of-type::after": { content: "none" },
+    //     },
+    //   },
+    // },
     extend: {
       colors: {
         border: "hsl(var(--border))",
@@ -91,6 +92,6 @@ const config: Config = {
       },
     },
   },
-  plugins: [require("tailwindcss-animate"), require("@tailwindcss/typography")],
+  plugins: [typography],
 };
 export default config;