-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.js
35 lines (35 loc) · 986 Bytes
/
tailwind.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
module.exports = {
purge: [
"./src/**/*.svelte"
],
theme: {
extend: {
spacing: {
'72': '18rem',
'80': '20rem',
},
padding: {
'5/6': '83.3333333%'
}
},
customForms: theme => ({
lineHeight: theme('lineHeight.snug'),
borderColor: 'transparent',
borderRadius: theme('borderRadius.lg'),
backgroundColor: theme('colors.gray.700'),
focusBorderColor: 'transparent',
focusShadow: 'none',
checkboxSize: '1.5em',
radioSize: '1.5em',
checkedColor: theme('colors.indigo.500'),
selectIcon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#fff"><path d="M15.3 9.3a1 1 0 0 1 1.4 1.4l-4 4a1 1 0 0 1-1.4 0l-4-4a1 1 0 0 1 1.4-1.4l3.3 3.29 3.3-3.3z"/></svg>`,
})
},
variants: {
backgroundColor: ['responsive', 'hover', 'focus', 'active'],
},
plugins: [
require('@tailwindcss/custom-forms'),
require('@tailwindcss/typography'),
]
}