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
|
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;
|
