-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
50 lines (50 loc) · 1.29 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
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ["./src/**/*.{js,jsx,ts,tsx}"],
theme: {
extend: {
colors: {
cyan: "hsl(180, 66%, 49%)",
"dark-violet": "hsl(257, 27%, 26%)",
red: "hsl(0, 87%, 67%)",
gray: "#9696A0",
"grayish-violet": "hsl(257, 7%, 63%)",
"very-dark-blue": "hsl(255, 11%, 22%)",
"very-dark-violet": "hsl(260, 8%, 14%)",
},
height: {
22: "5.5rem",
76: "18.5rem",
84: "21rem",
illustration: "30rem",
},
width: {
22: "5.5rem",
30: "7.5rem",
illustration: "32rem",
},
fontSize: {
md: "0.95rem",
"1.5xl": "1.375rem",
"2.5xl": "1.675rem",
"2.7xl": "1.72rem",
"4.5xl": ["2.65rem", "3rem"],
"7.5xl": ["5.175rem", "1"],
},
backgroundImage: {
"shorten-mobile": "url('./images/bg-shorten-mobile.svg')",
"shorten-desktop": "url('./images/bg-shorten-desktop.svg')",
"boost-mobile": "url('./images/bg-boost-mobile.svg')",
"boost-desktop": "url('./images/bg-boost-desktop.svg')",
},
lineHeight: {
medium: 1.125,
},
},
container: {
center: true,
padding: "6rem",
},
},
plugins: [],
};