Initial fork of chrismwilliams/astro-theme-cactus theme

1 files changed, 89 insertions, 0 deletions

diff --git a/tailwind.config.ts b/tailwind.config.ts
new file mode 100644
index 0000000..75f4547
--- /dev/null
+++ b/tailwind.config.ts
@@ -0,0 +1,89 @@
+import type { Config } from "tailwindcss";
+
+export default {
+	plugins: [require("@tailwindcss/typography")],
+	theme: {
+		extend: {
+			typography: () => ({
+				DEFAULT: {
+					css: {
+						a: {
+							textUnderlineOffset: "2px",
+							"&:hover": {
+								"@media (hover: hover)": {
+									textDecorationColor: "var(--color-link)",
+									textDecorationThickness: "2px",
+								},
+							},
+						},
+						blockquote: {
+							borderLeftWidth: "0",
+						},
+						code: {
+							border: "1px dotted #666",
+							borderRadius: "2px",
+						},
+						kbd: {
+							"&:where([data-theme='dark'], [data-theme='dark'] *)": {
+								background: "var(--color-global-text)",
+							},
+						},
+						hr: {
+							borderTopStyle: "dashed",
+						},
+						strong: {
+							fontWeight: "700",
+						},
+						sup: {
+							marginInlineStart: "calc(var(--spacing) * 0.5)",
+							a: {
+								"&:after": {
+									content: "']'",
+								},
+								"&:before": {
+									content: "'['",
+								},
+								"&:hover": {
+									"@media (hover: hover)": {
+										color: "var(--color-link)",
+									},
+								},
+							},
+						},
+						/* Table */
+						"tbody tr": {
+							borderBottomWidth: "none",
+						},
+						tfoot: {
+							borderTop: "1px dashed #666",
+						},
+						thead: {
+							borderBottomWidth: "none",
+						},
+						"thead th": {
+							borderBottom: "1px dashed #666",
+							fontWeight: "700",
+						},
+						'th[align="center"], td[align="center"]': {
+							"text-align": "center",
+						},
+						'th[align="right"], td[align="right"]': {
+							"text-align": "right",
+						},
+						'th[align="left"], td[align="left"]': {
+							"text-align": "left",
+						},
+					},
+				},
+				sm: {
+					css: {
+						code: {
+							fontSize: "var(--text-sm)",
+							fontWeight: "400",
+						},
+					},
+				},
+			}),
+		},
+	},
+} satisfies Config;