-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
38 lines (38 loc) · 948 Bytes
/
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
/** @type {import('tailwindcss').Config} */
export default {
content: [
'./index.html',
'./src/**/*.{js,ts,jsx,tsx}'
],
theme: {
fontFamily: {
body: ['system-ui', 'sans-serif']
},
screens: {
'small-mobile': { max: '280px' },
'large-mobile': { min: '281px', max: '425px' },
'big-mobile': { min: '426px', max: '600px' },
'top-mobile': { min: '601px', max: '768px' },
'bigger-devices': '769px',
tablet: { min: '769px', max: '1024px' },
desktop: { min: '1025px', max: '1280px' }
},
extend: {
animation: {
'custom-fade-in': 'fade_in .5s linear',
'custom-fade-out': 'fade_out .25s linear'
},
keyframes: {
fade_in: {
'0%': { opacity: '1' },
'100%': { opacity: '0' }
},
fade_out: {
'100%': { opacity: '1' },
'0%': { opacity: '0' }
}
}
}
},
plugins: []
}