/
tailwind.config.js
170 lines (169 loc) · 4.03 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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
const { fontFamily } = require("tailwindcss/defaultTheme")
/** @type {import('tailwindcss').Config} */
module.exports = {
darkMode: ["class"],
content: ["pages/**/*.{ts,tsx}", "components/**/*.{ts,tsx}"],
theme: {
container: {
center: true,
padding: "1.5rem",
screens: {
"2xl": "1360px",
},
},
extend: {
fontFamily: {
sans: ["var(--font-sans)", ...fontFamily.sans],
},
keyframes: {
"accordion-down": {
from: { height: 0 },
to: { height: "var(--radix-accordion-content-height)" },
},
"accordion-up": {
from: { height: "var(--radix-accordion-content-height)" },
to: { height: 0 },
},
},
animation: {
"accordion-down": "accordion-down 0.2s ease-out",
"accordion-up": "accordion-up 0.2s ease-out",
},
colors: {
navy: {
50: "#f3f8f9",
100: "#daf1fa",
200: "#afe0f5",
300: "#7cc2e7",
400: "#479ed3",
500: "#357dc0",
600: "#2d62a9",
700: "#254a87",
800: "#1b3260",
900: "#101f3f",
},
blue: {
50: "#f6f9fb",
100: "#e3f0fd",
200: "#c5d9fa",
300: "#9db5f3",
400: "#798eea",
500: "#6269e3",
600: "#514dd6",
700: "#3e39b6",
800: "#2b2788",
900: "#181956",
},
indigo: {
50: "#f9fafb",
100: "#edeffb",
200: "#dad4f8",
300: "#baaeef",
400: "#a485e3",
500: "#8c60da",
600: "#7344c9",
700: "#5733a6",
800: "#3c2377",
900: "#221748",
},
cerise: {
50: "#fdfcfb",
100: "#faeff2",
200: "#f6cbe6",
300: "#ec9ecb",
400: "#ea6fac",
500: "#df4b91",
600: "#c93270",
700: "#a22652",
800: "#771b35",
900: "#49111c",
},
cerise: {
50: "#fdfcfa",
100: "#fbf0ed",
200: "#f8cfda",
300: "#eea1b5",
400: "#eb718d",
500: "#de4e6b",
600: "#c7344c",
700: "#a02738",
800: "#741b25",
900: "#471114",
},
cocoa: {
50: "#fcfbf8",
100: "#faf0d9",
200: "#f5d7b1",
300: "#e7ae7d",
400: "#da804f",
500: "#c55d30",
600: "#a8431f",
700: "#823219",
800: "#5a2313",
900: "#39150c",
},
gold: {
50: "#fbfaf4",
100: "#f9f0bd",
200: "#f1dd81",
300: "#dcb84f",
400: "#bd8e2a",
500: "#9e6f15",
600: "#80550d",
700: "#62400c",
800: "#432c0b",
900: "#2c1b08",
},
lemon: {
50: "#faf9f3",
100: "#f8f0b5",
200: "#eedf76",
300: "#d4bd46",
400: "#ac9424",
500: "#897611",
600: "#6e5d0b",
700: "#54450a",
800: "#392f09",
900: "#271d08",
},
green: {
50: "#f2f6f3",
100: "#dff0e6",
200: "#b5e6c5",
300: "#7acb94",
400: "#35ab62",
500: "#25903c",
600: "#1f7a2b",
700: "#1d5d24",
800: "#15401d",
900: "#0f2717",
},
submarine: {
50: "#eff6f5",
100: "#d0f0f4",
200: "#9be6e6",
300: "#61cbc8",
400: "#27aca2",
500: "#1c907c",
600: "#197963",
700: "#175d4d",
800: "#123f39",
900: "#0c272a",
},
cyan: {
50: "#f5f9fa",
100: "#e0f1fb",
200: "#bedef7",
300: "#8fbdeb",
400: "#5f97db",
500: "#4974cc",
600: "#3c58b7",
700: "#304293",
800: "#222d69",
900: "#141c43",
},
},
},
},
plugins: [require("tailwindcss-animate")],
}