-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
124 lines (124 loc) · 2.43 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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
module.exports = {
purge: {
content: [
'./resources/**/*.antlers.html',
'./resources/**/*.blade.php',
'./content/**/*.md'
],
options: {
whitelistPatternsChildren: [
/^content$/,
]
}
},
important: true,
theme: {
borderColor: theme => ({
...theme('colors'),
default: theme('colors.black', 'currentColor'),
}),
rotate: {
'-180': '-180deg',
'-90': '-90deg',
'-45': '-45deg',
'-10': '-10deg',
'-9': '-9deg',
'-8': '-8deg',
'-7': '-7deg',
'-6': '-6deg',
'-5': '-5deg',
'-4': '-4deg',
'-3': '-3deg',
'-2': '-2deg',
'-1': '-1deg',
'0': '0',
'1': '1deg',
'2': '2deg',
'3': '3deg',
'4': '4deg',
'5': '5deg',
'6': '6deg',
'7': '7deg',
'8': '8deg',
'9': '9deg',
'10': '10deg',
'45': '45deg',
'90': '90deg',
'180': '180deg',
},
spacing: {
px: '1px',
'0': '0',
'1': '0.25rem',
'2': '0.5rem',
'3': '0.75rem',
'4': '1rem',
'5': '1.25rem',
'6': '1.5rem',
'7': '1.75rem',
'8': '2rem',
'9': '2.25rem',
'10': '2.5rem',
'12': '3rem',
'14': '3.5rem',
'16': '4rem',
'20': '5rem',
'22': '5.5rem',
'24': '6rem',
'26': '6.5rem',
'28': '7rem',
'30': '7.5rem',
'32': '8rem',
'34': '8.5rem',
'36': '9rem',
'38': '9.5rem',
'40': '10rem',
'44': '11rem',
'48': '12rem',
'52': '13rem',
'56': '14rem',
'60': '15rem',
'64': '16rem',
'68': '17rem',
'72': '18rem',
'76': '19rem',
'80': '20rem',
'88': '22rem',
'96': '24rem',
'104': '26rem',
'110': '28rem',
'118': '30rem',
'126': '32rem',
'132': '34rem',
'140': '36rem',
},
inset: (theme, { negative }) => ({
...theme('spacing'),
...negative(theme('spacing')),
'0': '0',
auto: 'auto',
}),
extend: {
borderRadius: {
'xl': '.75rem'
},
colors: {
'black': '#12151E',
'hot-pink': '#fd2d78'
},
fontFamily: {
display: "var(--font-display)",
body: "var(--font-body)",
},
fontSize: {
'7xl': '5rem',
'8xl': '6rem',
'9xl': '7rem',
}
},
},
variants: {
inset: ['responsive', 'hover'],
},
plugins: []
}