diff --git a/package.json b/package.json index 62d4010..c0e9f53 100644 --- a/package.json +++ b/package.json @@ -16,6 +16,7 @@ "@astrojs/rss": "^4.0.5", "@astrojs/sitemap": "^3.1.1", "@astrojs/tailwind": "^5.1.0", + "@tailwindcss/typography": "^0.5.10", "@types/node": "^20.11.25", "@types/react": "^18.2.64", "@types/react-dom": "^18.2.21", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index fbcf6f9..5ba07b6 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -23,6 +23,9 @@ dependencies: '@astrojs/tailwind': specifier: ^5.1.0 version: 5.1.0(astro@4.4.15)(tailwindcss@3.4.1) + '@tailwindcss/typography': + specifier: ^0.5.10 + version: 0.5.10(tailwindcss@3.4.1) '@types/node': specifier: ^20.11.25 version: 20.11.25 @@ -925,6 +928,18 @@ packages: dev: false optional: true + /@tailwindcss/typography@0.5.10(tailwindcss@3.4.1): + resolution: {integrity: sha512-Pe8BuPJQJd3FfRnm6H0ulKIGoMEQS+Vq01R6M5aCrFB/ccR/shT+0kXLjouGC1gFLm9hopTFN+DMP0pfwRWzPw==} + peerDependencies: + tailwindcss: '>=3.0.0 || insiders' + dependencies: + lodash.castarray: 4.4.0 + lodash.isplainobject: 4.0.6 + lodash.merge: 4.6.2 + postcss-selector-parser: 6.0.10 + tailwindcss: 3.4.1 + dev: false + /@types/acorn@4.0.6: resolution: {integrity: sha512-veQTnWP+1D/xbxVrPC3zHnCZRjSrKfhbMUlEA43iMZLu7EsnTtkJklIuwrCPbOi8YkvDQAiW05VQQFvvz9oieQ==} dependencies: @@ -2519,6 +2534,18 @@ packages: p-locate: 5.0.0 dev: false + /lodash.castarray@4.4.0: + resolution: {integrity: sha512-aVx8ztPv7/2ULbArGJ2Y42bG1mEQ5mGjpdvrbJcJFU3TbYybe+QlLS4pst9zV52ymy2in1KpFPiZnAOATxD4+Q==} + dev: false + + /lodash.isplainobject@4.0.6: + resolution: {integrity: sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==} + dev: false + + /lodash.merge@4.6.2: + resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==} + dev: false + /log-symbols@5.1.0: resolution: {integrity: sha512-l0x2DvrW294C9uDCoQe1VSU4gf529FkSZ6leBl4TiqZH/e+0R7hSfHQBNut2mNygDgHwvYHfFLn6Oxb3VWj2rA==} engines: {node: '>=12'} @@ -3506,6 +3533,14 @@ packages: postcss-selector-parser: 6.0.15 dev: false + /postcss-selector-parser@6.0.10: + resolution: {integrity: sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==} + engines: {node: '>=4'} + dependencies: + cssesc: 3.0.0 + util-deprecate: 1.0.2 + dev: false + /postcss-selector-parser@6.0.15: resolution: {integrity: sha512-rEYkQOMUCEMhsKbK66tbEU9QVIxbhN18YiniAwA7XQYTVBqrBy+P2p5JcdqsHgKM2zWylp8d7J6eszocfds5Sw==} engines: {node: '>=4'} diff --git a/src/layouts/Main.astro b/src/layouts/Main.astro index a060e03..68feb83 100644 --- a/src/layouts/Main.astro +++ b/src/layouts/Main.astro @@ -17,13 +17,13 @@ const currentPage = new URL(Astro.request.url).pathname; main { width: calc(100% - 2em); } - .prose { + /* .prose { width: 720px; max-width: calc(100% - 2em); margin: auto; padding: 1em; color: rgb(var(--gray-dark)); - } + } */ @@ -34,8 +34,9 @@ const currentPage = new URL(Astro.request.url).pathname; -
-
+
+

{title}

+
diff --git a/tailwind.config.mjs b/tailwind.config.mjs index 9ec366a..c94483d 100644 --- a/tailwind.config.mjs +++ b/tailwind.config.mjs @@ -5,5 +5,7 @@ export default { theme: { extend: {}, }, - plugins: [], + plugins: [ + require('@tailwindcss/typography'), + ], }