-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.ts
39 lines (35 loc) · 976 Bytes
/
tailwind.config.ts
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
/** @type {import('tailwindcss').Config} */
export default {
content: ['./src/**/*.{astro,html,jsx,tsx,svelte,vue,js,ts}'],
theme: {
debugScreens: {
style: {
backgroundColor: 'white',
color: 'black',
position: 'absolute',
borderRadius: '5px',
fontFamily: 'monospace',
fontSize: '10px',
fontWeight: 'bold',
margin: '5px'
// ...
},
position: ['bottom', 'right']
},
screens: {
xs: '320px',
// => @media (min-width: 320px) { ... }
sm: '640px',
// => @media (min-width: 640px) { ... }
md: '768px',
// => @media (min-width: 768px) { ... }
lg: '1024px',
// => @media (min-width: 1024px) { ... }
xl: '1280px',
// => @media (min-width: 1280px) { ... }
'2xl': '1536px'
// => @media (min-width: 1536px) { ... }
}
},
plugins: [require('tailwindcss-debug-screens'), 'prettier-plugin-tailwindcss']
}