-
Notifications
You must be signed in to change notification settings - Fork 3
/
tailwind.config.js
96 lines (95 loc) · 1.52 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
const {
colors,
maxWidth,
inset,
maxHeight,
flex,
minWidth,
height,
minHeight,
} = require('tailwindcss/defaultTheme');
module.exports = {
purge: ['./src/**/*.tsx'],
future: {
removeDeprecatedGapUtilities: true,
purgeLayersByDefault: true,
},
theme: {
fontFamily: {
display: ['Inter', 'sans-serif'],
},
screens: {
sm: '640px',
md: '768px',
lg: '1024px',
xl: '1440px',
},
// colors: {
// ...colors,
// indigo: {
// ...colors.indigo,
// 1000: '#242040',
// 1100: '#06050a',
// },
// },
// height: {
// ...height,
// '1/2': '50%',
// },
minHeight: {
...minHeight,
5: '5rem',
7: '7rem',
},
maxHeight: {
...maxHeight,
none: 'none',
0: '0',
5: '5rem',
10: '10rem',
20: '20rem',
},
minWidth: {
...minWidth,
'1/2': '50%',
5: '5rem',
9: '9rem',
10: '10rem',
nav: '12rem',
dropdown: '30rem',
},
maxWidth: {
...maxWidth,
'logo-sm': '8rem',
'logo-md': '14rem',
'1/4': '25%',
'1/2': '50%',
'3/4': '75%',
},
// inset: {
// ...inset,
// '1/2': '50%',
// '1/1': '100%',
// },
flex: {
...flex,
2: 2,
3: 3,
},
extend: {
gridTemplateColumns: {
'table-sm': '5rem 1fr 1fr 3rem',
'table-md': '10rem 6.5fr 9fr 5fr 4fr 4fr 4fr 4rem',
'custom-stacking-md': '4rem 4rem 4fr 1fr 3.25rem',
},
},
},
variants: {
margin: ['responsive', 'first', 'hover', 'focus'],
borderWidth: ['last'],
},
plugins: [
require('@tailwindcss/typography'),
require('@tailwindcss/forms'),
],
};