-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtailwind.config.js
More file actions
56 lines (56 loc) · 1.79 KB
/
tailwind.config.js
File metadata and controls
56 lines (56 loc) · 1.79 KB
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
module.exports = {
purge: {
content: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
// layers: ['base']
},
darkMode: false, // or 'media' or 'class'
theme: {
extend: {
backgroundImage: theme => ({
'text': "url('https://assets.tokbox.com/solutions/images/icon-message.png')",
'screen': "url('https://assets.tokbox.com/solutions/images/icon-screen-share.png')",
'video': "url('https://assets.tokbox.com/solutions/images/icon-video.png')",
'noVideo':"url('https://assets.tokbox.com/solutions/images/icon-no-video.png')",
'audio': "url('https://assets.tokbox.com/solutions/images/icon-audio.png')",
'noAudio': "url('https://assets.tokbox.com/solutions/images/icon-no-audio.png')",
'mic': "url('https://assets.tokbox.com/solutions/images/icon-mic.png')",
'micMuted': "url('https://assets.tokbox.com/solutions/images/icon-muted-mic.png')"
}),
width: {
screen: '88vw',
'192': '48rem'
},
// typography: {
// DEFAULT: {
// css: {
// maxWidth: '85ch',
// /* this removes backticks added in to my prose code */
// 'code::before': {
// content: '""'
// },
// 'code::after': {
// content: '""'
// },
// // pre: {
// // backgroundColor: '#3182ce'
// // }
// // a: {
// // color: '#3182ce',
// // '&:hover': {
// // color: '#2c5282',
// // },
// // },
// },
// },
// }
},
},
variants: {
extend: {
backgroundImage: ['hover', 'focus']
},
},
// plugins: [
// require('@tailwindcss/typography'),
// ],
}