-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
80 lines (80 loc) · 1.45 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
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ["./pages/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}"],
theme: {
extend: {
colors: {
primary: {
main: "#83CB89",
100: "#C9E9CC",
200: "#B7E1BB",
300: "#A5D9AA",
400: "#93D298",
500: "#6FC376",
600: "#5DBB65",
700: "#4BB454",
800: "#43A24C",
},
secondary: {
main: "#B4876D",
100: "#D7BFB2",
200: "#CEB1A1",
300: "#C5A390",
400: "#BC9580",
500: "#AC7A5D",
600: "#9E6E51",
700: "#8E6349",
800: "#7D5740",
},
cream: {
main: "#FFF6EB",
100: "#FFFFFF",
},
gray: {
main: "#DFE0DF",
100: "#FFFFFF",
200: "#D3D4D3",
300: "#C6C8C6",
400: "#B9BBB9",
500: "#ACAFAC",
},
black: {
main: "#000000",
100: "#1A1A1A",
200: "#333333",
300: "#4D4D4D",
400: "#666666",
500: "#808080",
},
},
fontFamily: {
body: ["'Montserrat'", "sans-serif"],
},
keyframes: {
slide: {
"0%": {
opacity: 0,
transform: "translateX(-100%)",
},
"100%": {
opacity: 1,
transform: "translateX(0)",
},
},
appear: {
"0%": {
opacity: 0,
},
"100%": {
opacity: 1,
},
},
},
animation: {
slide: "slide 0.7s ease-out;",
appear: "appear 0.15s ease-out;",
},
},
},
plugins: [require("@tailwindcss/typography")],
};