forked from bradlc/babel-plugin-tailwind-components
/
tailwind.config.js
45 lines (44 loc) · 863 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
40
41
42
43
44
45
module.exports = {
theme: {
screens: {
sm: '699px',
md: '768px',
lg: '1024px',
xl: '1280px'
},
rotate: {
'1/4': '90deg',
'1/2': '180deg',
'3/4': '270deg'
},
extend: {
colors: {
customcolor: '#fde396'
}
},
container: {
//screens: ["400px", "500px"], Not Supported
center: true,
padding: '2rem'
}
// Some useful comment
},
variants: {
// Some useful comment
},
plugins: [
function({ addUtilities }) {
const newUtilities = {
'.skew-10deg': {
transform: 'skewY(-10deg)'
},
'.skew-15deg': {
transform: 'skewY(-15deg)'
}
}
addUtilities(newUtilities)
}
//require('tailwindcss/lib/plugins/container') - Don't use with canary
// Some useful comment
]
}