-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
68 lines (63 loc) · 1.41 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
/**
* @type {import('tailwindcss/tailwind-config').TailwindConfig}
*/
module.exports = {
// Enable JIT for a faster development experience:
// https://tailwindcss.com/docs/just-in-time-mode
mode: "jit",
// Inform Tailwind of where our classes will be defined:
// https://tailwindcss.com/docs/optimizing-for-production
purge: ["src/**/*.{js,ts,jsx,tsx}"],
darkMode: false, // or 'media' or 'class'
theme: {
container: {
center: true,
padding: {
DEFAULT: "1rem",
sm: "2rem",
lg: "4rem",
xl: "5rem",
"2xl": "6rem",
},
},
extend: {
colors: {
"accent-1": "#FAFAFA",
"accent-2": "#EAEAEA",
"accent-7": "#333",
success: "#0070f3",
cyan: "#79FFE1",
},
spacing: {
28: "7rem",
},
letterSpacing: {
tighter: "-.04em",
},
lineHeight: {
tight: 1.2,
},
fontSize: {
"5xl": "2.5rem",
"6xl": "2.75rem",
"7xl": "4.5rem",
"8xl": "6.25rem",
},
boxShadow: {
small: "0 5px 10px rgba(0, 0, 0, 0.12)",
medium: "0 8px 30px rgba(0, 0, 0, 0.12)",
},
typography: {
lg: {
css: {
img: {
marginTop: "0",
marginBottom: "0",
},
},
},
},
},
},
plugins: [require("@tailwindcss/typography")],
};