feat: add tailwindcss typography plugin (#10)

* feat: add tailwindcss-typography plugin * feat: remove marketing folder
fahmiidris · Jan 23, 2024 · 7af4bd0 · 7af4bd0
1 parent 18f3171
commit 7af4bd0
Show file tree

Hide file tree

Showing 7 changed files with 44 additions and 18 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -3,6 +3,7 @@
     "editor.tabSize": 4,
     "editor.rulers": [150],
     "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "tailwindCSS.classAttributes": ["class", "className", "classNames"],
     "emmet.includeLanguages": {
         "postcss": "css"
     },

diff --git a/package.json b/package.json
@@ -38,6 +38,7 @@
         "@commitlint/cli": "^17.8.1",
         "@commitlint/config-conventional": "^17.8.1",
         "@commitlint/types": "^17.8.1",
+        "@tailwindcss/typography": "^0.5.10",
         "@types/node": "^20.10.2",
         "@types/react": "^18.2.40",
         "@types/react-dom": "^18.2.17",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/app/(marketing)/layout.tsx b/src/app/(marketing)/layout.tsx
diff --git a/src/app/(marketing)/page.tsx b/src/app/(marketing)/page.tsx
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -0,0 +1,11 @@
+import * as React from 'react';
+
+export default async function Page() {
+    return (
+        <main className="relative">
+            <div className="container relative flex min-h-dvh flex-col items-center justify-center text-center">
+                <p>Insanity is doing the same thing over and over again and expecting different results.</p>
+            </div>
+        </main>
+    );
+}
diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -1,6 +1,8 @@
 import colors from 'tailwindcss/colors';
 import defaultTheme from 'tailwindcss/defaultTheme';
 
+import tailwindcssTypography from '@tailwindcss/typography';
+
 import type { Config } from 'tailwindcss';
 
 const tailwindConfig = {
@@ -17,14 +19,14 @@ const tailwindConfig = {
                 primary: colors.cyan,
             },
             fontFamily: {
-                sans: [['Inter var', ...defaultTheme.fontFamily.sans], { fontFeatureSettings: "'cv02', 'cv03', 'cv04', 'cv11'" }],
+                sans: [['Inter var', ...defaultTheme.fontFamily.sans], { fontFeatureSettings: "'cv02', 'cv03', 'cv04', 'cv09', 'cv10', 'cv11'" }],
             },
             screens: {
                 '2xl': '1536px',
             },
         },
     },
-    plugins: [],
+    plugins: [tailwindcssTypography],
 } satisfies Config;
 
 export default tailwindConfig;