-
Notifications
You must be signed in to change notification settings - Fork 1
/
tailwind.config.js
52 lines (52 loc) · 1.15 KB
/
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
46
47
48
49
50
51
52
module.exports = {
content: ['./src/**/*.{js,ts,jsx,tsx}'],
theme: {
spacing: Object.assign(
{},
...Object.entries(Array.from(Array(46).keys())).map(([k, v]) => ({
[`${k}`]: `${v * 8}px`,
}))
),
container: false,
colors: {
transparent: 'transparent',
current: 'currentColor',
white: '#ffffff',
red: {
DEFAULT: '#c0392b',
},
gray: {
darker: '#141414',
dark: '#252525',
DEFAULT: '#999',
light: '#b3b3b3',
},
orange: {
DEFAULT: '#e57e21',
dark: '#8f4d11',
},
},
extend: {
boxShadow: {
center:
'inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(230 126 34 / 60%)',
},
animation: {
bouncex: 'bouncex 1s infinite',
},
keyframes: {
bouncex: {
'0%, 100%': {
transform: 'translateX(-4px)',
animateTimingFunction: 'cubic-bezier(.8,0,1,1)',
},
'50%': {
transform: 'none',
animateTimingFunction: 'cubic-bezier(0,0,.2,1)',
},
},
},
},
},
plugins: [],
};