-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
39 lines (34 loc) · 957 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
39
module.exports = () => {
return {
purge: {},
theme: {
container: {
center: true,
padding: {
default: '1rem',
sm: '2rem',
lg: '4rem',
xl: '5rem',
},
},
extend: {
screens: {
'sm': { 'min': '640px', 'max': '767px' },
// => @media (min-width: 640px, max-width: 767px) { ... }
'md': { 'min': '768px', 'max': '1023px' },
// => @media (min-width: 768px, max-width: 1023px) { ... }
'lg': { 'min': '1024px', 'max': '1279px' },
// => @media (min-width: 1024px, max-width: 1079px) { ... }
'xl': { 'min': '1280px' },
// => @media (min-width: 1280px) { ... }
'dark': { 'raw': '(prefers-color-scheme: dark)' },
// => @media (prefers-color-scheme: dark) { ... }
}
}
},
variants: {
appearance: ['responsive'],
},
plugins: [],
}
}