-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.ts
79 lines (77 loc) · 1.86 KB
/
tailwind.config.ts
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
import type { Config } from "tailwindcss";
const config = {
darkMode: ["class"],
content: [
"./pages/**/*.{js,ts,jsx,tsx,mdx}",
"./components/**/*.{js,ts,jsx,tsx,mdx}",
"./app/**/*.{js,ts,jsx,tsx,mdx}",
"./src/**/*.{js,ts,jsx,tsx,mdx}",
],
prefix: "",
theme: {
container: {
center: true,
padding: "2rem",
screens: {
"2xl": "1400px",
},
},
extend: {
colors: {
white: {
1: "#FFFFFF",
2: "rgba(255, 255, 255, 0.72)",
3: "rgba(255, 255, 255, 0.4)",
4: "rgba(255, 255, 255, 0.64)",
5: "rgba(255, 255, 255, 0.80)",
},
black: {
1: "#15171C",
2: "#222429",
3: "#101114",
4: "#252525",
5: "#2E3036",
6: "#24272C",
},
orange: {
1: "#F97535",
},
gray: {
1: "#71788B",
},
cyan: {
1: "#67e8f9",
},
},
backgroundImage: {
"nav-focus":
"linear-gradient(270deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.00) 100%)",
},
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" },
},
shimmer: {
from: {
backgroundPosition: "0 0",
},
to: {
backgroundPosition: "-200% 0",
},
},
},
animation: {
"accordion-down": "accordion-down 0.2s ease-out",
"accordion-up": "accordion-up 0.2s ease-out",
shimmer: "shimmer 2s linear infinite",
},
},
},
plugins: [require("tailwindcss-animate")],
} satisfies Config;
export default config;