-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
59 lines (58 loc) · 1.25 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
53
54
55
56
57
58
59
const { blue, green, white, red } = require('tailwindcss/colors');
module.exports = {
purge: { content: ['./public/**/*.html', './src/**/*.vue'] },
darkMode: false, // or 'media' or 'class'
theme: {
colors: {
blue,
red,
green,
white,
'mine-shaft': {
'50': '#f5f5f5',
'100': '#eaeaeb',
'200': '#cbcccc',
'300': '#acadae',
'400': '#6e6f71',
'500': '#303134',
'600': '#2b2c2f',
'700': '#202124',
'800': '#1d1d1f',
'900': '#181819',
},
},
extend: {
animation: {
slide: 'slide 0.6s',
spring: 'spring 0.6s',
},
keyframes: {
slide: {
'0%': { opacity: 0, transform: 'translateX(-100px)' },
'60%': {
opacity: 1,
transform: 'translateX(20px)',
},
'100%': { transform: 'translateX(0)' },
},
spring: {
'0%': {
opacity: 0,
transform: 'scale(0.5)',
},
'60%': {
opacity: 1,
transform: 'scale(1.2)',
},
'100%': {
transform: 'scale(1)',
},
},
},
},
},
variants: {
extend: {},
},
plugins: [],
};