-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
60 lines (60 loc) · 1.23 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
module.exports = {
mode: "jit",
purge: [
"./src/pages/**/*.{js,ts,jsx,tsx}",
"./src/components/**/*.{js,ts,jsx,tsx}",
],
darkMode: "media", // or 'media' or 'class'
theme: {
extend: {
backgroundColor: {
offWhite: "#FCFCFC",
blackTransparent: "rgba(0,0,0,25%)",
primary: {
50: "#f3f8fe",
100: "#e8f1fe",
200: "#c5ddfc",
300: "#a3c9fa",
400: "#5da0f6",
500: "#1877f2",
600: "#166bda",
700: "#1259b6",
800: "#0e4791",
900: "#0c3a77",
},
secondary: {
50: "#f6fbf4",
100: "#ecf8ea",
200: "#d0edca",
300: "#b3e2aa",
400: "#7bcd6a",
500: "#42b72a",
600: "#3ba526",
700: "#328920",
800: "#286e19",
900: "#205a15",
},
accent: "#FA3E3E",
},
spacing: {
31.5: "7.5rem",
},
width: {
x580: "580px",
},
height: {
x443: "443px",
},
lineHeight: {
x36: "42.96px",
},
},
},
variants: {
extend: {
backgroundColor: ["checked"],
borderColor: ["checked"],
},
},
plugins: [],
};