forked from nagi1/elpms
-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
58 lines (57 loc) · 1.83 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
const defaultTheme = require("tailwindcss/defaultTheme");
module.exports = {
theme: {
extend: {
spacing: {
"7": "1.75rem",
"13": "3.25rem",
"14": "3.5rem",
"15": "3.75rem",
"35": "8.75rem",
"38": "9.5rem",
"43": "10.75rem",
"44": "11rem",
"45": "11.25rem",
"72": "18rem",
"84": "21rem",
"96": "24rem"
},
fontFamily: {
sans: [
"Graphik",
"Helvetica Neue",
"helvetica",
"Apple Color Emoji",
...defaultTheme.fontFamily.sans
]
},
colors: {
indigo: {
"900": "#191e38",
"800": "#2f365f",
"600": "#5661b3",
"500": "#6574cd",
"400": "#7886d7",
"300": "#b2b7ff",
"100": "#e6e8ff"
},
primary: "rgb(40, 60, 70)",
silver: {
"100": "#4a4c4d",
"200": "#3e3f40",
"300": "#596568",
"400": "rgba(255,255,255,0.25)"
}
},
fill: theme => theme("colors")
}
},
variants: {
fill: ["responsive", "hover", "focus", "group-hover"],
textColor: ["responsive", "hover", "focus", "group-hover", "active"],
zIndex: ["responsive", "focus"],
backgroundColor: ["responsive", "hover", "focus", "active"],
display: ["responsive", "hover", "focus", "group-hover", "active"]
},
plugins: [require("@tailwindcss/custom-forms")]
};