-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
82 lines (82 loc) · 1.88 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
module.exports = {
darkMode: "class",
content: ["./src/**/*.{js,jsx,ts,tsx}"],
theme: {
container: {
padding: {
DEFAULT: "2rem",
sm: "2rem",
md: "3rem",
},
},
extend: {
colors: {
"dark-blue": "rgb(17, 29, 44)",
gray: "rgb(77, 89, 109)",
var_name: "rgb(255, 123, 128)",
var_value: "rgb(184, 246, 73)",
blue: "#235789",
"light-blue": "rgb(174, 241, 255)",
mint: "#f1faee",
purple: "rgb(232, 163, 236)",
//dark: "rgb(45, 49, 63)",
"light-dark": "rgb(17, 29, 44)",
header: "rgb(90, 105, 137)",
// from colorhub
transparent: "transparent",
current: "currentColor",
brand: "#1FB2A7",
darkest: "#0B0E16",
dark: "#283047",
mid: "#A4A5A8",
light: "#E1E2E3",
lightest: "#FFFFFF",
},
minHeight: {
68: "68px",
},
maxWidth: {
90: "90px",
300: "300px",
},
maxHeight: {
90: "90px",
300: "300px",
},
backgroundSize: {
"size-200": "200% 200%",
},
fontFamily: {
display: ["Helvetica", "sans-serif"],
body: ["Helvetica", "sans-serif"],
},
spacing: {
98: "24.5rem",
100: "25rem",
102: "25.5rem",
104: "26rem",
106: "26.5rem",
108: "27rem",
110: "27.5rem",
112: "28rem",
114: "28.5rem",
116: "29rem",
118: "29.5rem",
120: "30rem",
122: "30.5rem",
124: "31rem",
126: "31.5rem",
128: "32rem",
130: "32.5rem",
132: "33rem",
134: "33.5rem",
136: "34rem",
138: "34.5rem",
140: "35rem",
142: "35.5rem",
144: "36rem",
},
},
},
plugins: [require("tailwindcss"), require("autoprefixer")],
}