-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
tailwind.config.js
76 lines (75 loc) · 2.91 KB
/
tailwind.config.js
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
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ["./assets/**/*.js", "./templates/**/*.html.twig"],
theme: {
extend: {
screens: {
print: { raw: "print" },
screen: { raw: "screen" },
},
colors: {
primary: {
50: "#eff8ff",
100: "#dbeefe",
200: "#c0e1fd",
300: "#94d0fc",
400: "#62b5f8",
500: "#3d96f4",
600: "#2174e8",
700: "#1f62d6",
800: "#2050ad",
900: "#1f4689",
950: "#182b53",
},
},
typography: ({ theme }) => ({
DEFAULT: {
css: {
// We don't want to apply any styles to the `pre` and `pre code` tags, as we want to
// handle the styling ourselves.
pre: null,
"pre code": null,
code: {
fontWeight: 600,
backgroundColor: "var(--tw-prose-code-bg)",
padding: `${theme("spacing.1")} ${theme("spacing.2")}`,
fontSize: "85%",
borderRadius: theme("borderRadius.md"),
overflowWrap: "break-word",
},
"code::before": null,
"code::after": null,
img: {
marginLeft: "auto",
marginRight: "auto",
},
"--tw-prose-code": theme("colors.gray.800"),
"--tw-prose-code-bg": theme("colors.gray.100"),
"--tw-prose-invert-code": theme("colors.gray.100"),
"--tw-prose-invert-code-bg": theme("colors.gray.700"),
"--tw-prose-bullets": theme("colors.gray[500]"),
"--tw-prose-links": theme("colors.primary[700]"),
".CustomContainer, .Terminal": {
marginTop: theme("spacing.2"),
marginBottom: theme("spacing.2"),
},
},
},
invert: {
css: {
"--tw-prose-code": "var(--tw-prose-invert-code)",
"--tw-prose-code-bg": "var(--tw-prose-invert-code-bg)",
},
},
}),
},
},
plugins: [require("@tailwindcss/typography")],
safelist: [
"not-prose",
"table-of-contents",
"heading-permalink",
{ pattern: /^Terminal/ },
{ pattern: /^CustomContainer/ },
],
};