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
|
const config = {
content: ["./src/**/*.{html,js,svelte,ts}"],
theme: {
extend: {},
},
plugins: [
require("@tailwindcss/forms")
],
safelist: [
"bg-blue-50",
"bg-yellow-50",
"bg-red-50",
"bg-green-50",
"text-blue-400",
"text-yellow-400",
"text-red-400",
"text-green-400",
"text-blue-800",
"text-yellow-800",
"text-red-800",
"text-green-800",
"text-blue-700",
"text-yellow-700",
"text-red-700",
"text-green-700",
"text-blue-500",
"text-yellow-500",
"text-red-500",
"text-green-500",
"hover:text-blue-600",
"hover:text-yellow-600",
"hover:text-red-600",
"hover:text-green-600",
"hover:bg-blue-100",
"hover:bg-yellow-100",
"hover:bg-red-100",
"hover:bg-green-100",
"focus:ring-blue-600",
"focus:ring-yellow-600",
"focus:ring-red-600",
"focus:ring-green-600",
"focus:ring-offset-blue-50",
"focus:ring-offset-yellow-50",
"focus:ring-offset-red-50",
"focus:ring-offset-green-50",
]
};
module.exports = config;
|
