1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
/** @type {import('tailwindcss').Config} */
const colors = require("tailwindcss/colors");
module.exports = {
safelist: [
{ pattern: /^term-/ },
],
content: [
"./docs/*.html",
"./blog/templates/**/*.html",
"./blog/posts/**/*.md",
"./status/src/**/*.ts",
],
darkMode: ['selector', '[data-theme="dark"]'],
theme: {
container: {
padding: "2rem",
center: true,
screens: {
sm: "500px",
md: "600px",
lg: "800px",
xl: "1000px",
"2xl": "1200px",
},
},
extend: {
fontFamily: {
sans: ["InterVariable", "system-ui", "sans-serif", "ui-sans-serif"],
mono: [
"IBMPlexMono",
"ui-monospace",
"SFMono-Regular",
"Menlo",
"Monaco",
"Consolas",
"Liberation Mono",
"Courier New",
"monospace",
],
},
typography: {
DEFAULT: {
css: {
maxWidth: "none",
pre: {
"@apply font-normal text-black bg-gray-50 dark:bg-gray-900 dark:text-gray-300 dark:border-gray-700 border":
{},
},
code: {
"@apply font-normal font-mono p-1 rounded text-black bg-gray-100 dark:bg-gray-900 dark:text-gray-300 dark:border-gray-700":
{},
},
"code::before": {
content: '""',
},
"code::after": {
content: '""',
},
blockquote: {
quotes: "none",
fontWeight: "400",
"@apply text-gray-500 dark:text-gray-400": {},
},
"h1, h2, h3, h4": {
"@apply mt-4 mb-2": {},
},
h1: {
"@apply mt-3 pb-3 border-b border-gray-300 dark:border-gray-600":
{},
},
h2: {
"@apply mt-3 pb-3 border-b border-gray-200 dark:border-gray-700":
{},
},
h3: {
"@apply mt-2": {},
},
"img, video": {
"@apply rounded border border-gray-200 dark:border-gray-700": {},
},
},
},
},
gridTemplateColumns: {
14: "repeat(14, minmax(0, 1fr))",
28: "repeat(28, minmax(0, 1fr))",
},
},
},
plugins: [require("@tailwindcss/typography"), require("tailwindcss-animated")],
};