-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathtailwind.config.js
82 lines (79 loc) · 1.78 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
77
78
79
80
81
82
import typography from "@tailwindcss/typography";
import { poluiPlugin } from "pol-ui";
export default {
content: ["./src/**/*.{js,ts,jsx,tsx,mdx}", "node_modules/pol-ui/lib/**/*.js"],
theme: {
extend: {
typography: {
quoteless: {
css: {
"blockquote p:first-of-type::before": { content: "none" },
"blockquote p:first-of-type::after": { content: "none" },
},
},
},
keyframes: {
"fade-in-down": {
"0%": {
opacity: "0",
transform: "translateY(-10px)",
},
"100%": {
opacity: "1",
transform: "translateY(0)",
},
},
widthGrow: {
"0%": {
left: "0%",
width: "0%",
},
"70%": {
left: "0%",
width: "100%",
},
"100%": {
left: "100%",
width: "0%",
},
},
},
animation: {
"fade-in-down": "fade-in-down 0.5s ease-out",
widthGrow: "widthGrow 2s ease-out infinite",
},
},
},
plugins: [
typography,
poluiPlugin({
colors: {
primary: {
50: "#ffffec",
100: "#ffffc5",
200: "#ffffa9",
300: "#ffff82",
400: "#ffff69",
500: "#ffff44",
600: "#e8e83e",
700: "#b5b530",
800: "#8c8c25",
900: "#6b6b1d",
},
secondary: {
50: "#f7f7f7",
100: "#eaeaea",
200: "#d4d4d4",
300: "#bcbcbc",
400: "#a1a1a1",
500: "#7f7f7f",
600: "#666666",
700: "#4d4d4d",
800: "#333333",
900: "#121212",
},
},
}),
],
darkMode: "media",
};