-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
48 lines (48 loc) · 1.32 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
module.exports = {
// @see https://tailwindcss.com/docs/upcoming-changes
future: {
removeDeprecatedGapUtilities: true,
purgeLayersByDefault: true
},
purge: {
content: ['./app/**/*.tsx', './pages/**/*.tsx'],
options: {
safelist: ['bg-site-0', 'bg-site-1', 'bg-site-2', 'bg-site-3', 'bg-site-4', 'bg-site-5']
}
},
theme: {
minWidth: {
0: '0',
'1/4': '25%',
'1/2': '50%',
'3/4': '75%',
full: '100%'
},
extend: {
backgroundImage: (theme) => ({
'site-0': "url('/images/backgrounds/0.jpg')",
'site-1': "url('/images/backgrounds/1.jpg')",
'site-2': "url('/images/backgrounds/2.jpg')",
'site-3': "url('/images/backgrounds/3.jpg')",
'site-4': "url('/images/backgrounds/4.jpg')",
'site-5': "url('/images/backgrounds/5.jpg')"
}),
colors: {
'awesome-color': '#56b890'
},
height: (theme) => ({
'screen/2': '50vh',
'screen/3': 'calc(100vh / 3)',
'screen/4': 'calc(100vh / 4)',
'screen/5': 'calc(100vh / 5)'
})
}
},
variants: {
display: ['responsive', 'hover', 'focus'],
extend: {
opacity: ['disabled']
}
},
plugins: [require('tailwindcss'), require('precss'), require('autoprefixer')]
};