tailwind plugins

raymondwang · Apr 4, 2024 · af51a4a · af51a4a
1 parent ea0911d
commit af51a4a
Show file tree

Hide file tree

Showing 6 changed files with 53 additions and 11 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -14,6 +14,7 @@
     "@sveltejs/adapter-static": "^3.0.1",
     "@sveltejs/kit": "^2.0.0",
     "@sveltejs/vite-plugin-svelte": "^3.0.0",
+    "@tailwindcss/typography": "^0.5.12",
     "@types/eslint": "^8.56.0",
     "@typescript-eslint/eslint-plugin": "^7.0.0",
     "@typescript-eslint/parser": "^7.0.0",

diff --git a/src/app.html b/src/app.html
@@ -1,12 +1,12 @@
 <!doctype html>
-<html lang="en">
-	<head>
-		<meta charset="utf-8" />
-		<link rel="icon" href="%sveltekit.assets%/favicon.ico" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		%sveltekit.head%
-	</head>
-	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents">%sveltekit.body%</div>
-	</body>
+<html lang="en" class="prose dark:prose-invert bg-slate-200 dark:bg-slate-800">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="%sveltekit.assets%/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    %sveltekit.head%
+  </head>
+  <body data-sveltekit-preload-data="hover">
+    <div style="display: contents">%sveltekit.body%</div>
+  </body>
 </html>
diff --git a/static/fonts/MonaspaceNeonVarVF[wght,wdth,slnt].woff b/static/fonts/MonaspaceNeonVarVF[wght,wdth,slnt].woff
diff --git a/static/fonts/MonaspaceNeonVarVF[wght,wdth,slnt].woff2 b/static/fonts/MonaspaceNeonVarVF[wght,wdth,slnt].woff2
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -4,5 +4,5 @@ export default {
   theme: {
     extend: {},
   },
-  plugins: [],
+  plugins: [require('@tailwindcss/typography')],
 };