-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
64 lines (59 loc) · 1.36 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
module.exports = {
purge: ["./src/**/*.{js,jsx,ts,tsx}", "./public/index.html"],
darkMode: false, // or 'media' or 'class'
theme: {
letterSpacing: {
tightest: "-.075em",
tighter: "-.05em",
normal: "0",
wider: ".05em",
widest: ".25em",
},
screens: {
"2xl": { max: "1535px" },
// => @media (max-width: 1535px) { ... }
xl: { max: "1279px" },
// => @media (max-width: 1279px) { ... }
lg: { max: "1023px" },
// => @media (max-width: 1023px) { ... }
md: { max: "767px" },
// => @media (max-width: 767px) { ... }
sm: { max: "639px" },
// => @media (max-width: 639px) { ... }
},
maxWidth: {
0: "0",
"1/4": "25%",
"1/2": "50%",
"3/4": "75%",
full: "100%",
},
minWidth: {
0: "0",
"1/4": "25%",
"1/2": "50%",
"3/4": "75%",
full: "100%",
},
extend: {
width: {
btn: "29%",
},
colors: {
cyan: {
strong: "hsl(172, 67%, 45%)",
dark: "hsl(183, 100%, 15%)",
dark_btn: "hsl(183, 60%, 25%)",
dark_gray: "hsl(184, 14%, 56%)",
light_gray: "hsl(189, 41%, 97%)",
light_gray_f: "hsl(185, 41%, 84%)",
title: "hsl(186, 14%, 43%)",
},
},
},
},
variants: {
extend: {},
},
plugins: [],
};