-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
143 lines (143 loc) · 3.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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ['./stories/**/*.{js,ts,jsx,tsx,mdx}', './src/**/*.{js,ts,jsx,tsx,mdx}'],
theme: {
extend: {
colors: {
white: '#ffffff',
black: '#000000',
primary: {
10: '#f0f5ff',
20: '#dceaff',
30: '#b6d4ff',
40: '#8bbcff',
50: '#5ca3ff',
60: '#2c8bff',
70: '#0073e6',
80: '#005bb5',
90: '#004385',
100: '#002b54'
},
red: {
10: '#ffebf0',
20: '#ffd6da',
30: '#ffb0b6',
40: '#ff8a91',
50: '#ff6370',
60: '#ff3d4f',
70: '#ff162e',
80: '#e60023',
90: '#b5001a',
100: '#850012'
},
green: {
10: '#e6f9e9',
20: '#ccf3d4',
30: '#99e7a8',
40: '#66dc7d',
50: '#33d051',
60: '#00c526',
70: '#00a51f',
80: '#00841a',
90: '#006314',
100: '#00430e'
},
blue: {
10: '#e6f2ff',
20: '#cce6ff',
30: '#99ccff',
40: '#66b3ff',
50: '#3399ff',
60: '#007fff',
70: '#0066cc',
80: '#004c99',
90: '#003366',
100: '#001a33'
},
yellow: {
10: '#fffbe6',
20: '#fff7cc',
30: '#ffef99',
40: '#ffe766',
50: '#ffdf33',
60: '#ffd700',
70: '#ccac00',
80: '#997f00',
90: '#665200',
100: '#332900'
},
orange: {
10: '#fff0e6',
20: '#ffe0cc',
30: '#ffc199',
40: '#ffa366',
50: '#ff8533',
60: '#ff6600',
70: '#cc5200',
80: '#993d00',
90: '#662900',
100: '#331400'
},
purple: {
10: '#f2e6ff',
20: '#e6ccff',
30: '#cc99ff',
40: '#b366ff',
50: '#9933ff',
60: '#7f00ff',
70: '#6600cc',
80: '#4c0099',
90: '#330066',
100: '#1a0033'
},
pink: {
10: '#ffe6f2',
20: '#ffccdf',
30: '#ff99bf',
40: '#ff669f',
50: '#ff337f',
60: '#ff0060',
70: '#cc004d',
80: '#99003a',
90: '#660026',
100: '#330013'
},
brown: {
10: '#f2e6e0',
20: '#e6ccc1',
30: '#cc9983',
40: '#b36666',
50: '#994d4d',
60: '#7f3333',
70: '#662626',
80: '#4c1a1a',
90: '#331313',
100: '#1a0d0d'
},
gray: {
10: '#f2f2f2',
20: '#e6e6e6',
30: '#cccccc',
40: '#b3b3b3',
50: '#999999',
60: '#808080',
70: '#666666',
80: '#4c4c4c',
90: '#333333',
100: '#1a1a1a'
}
},
keyframes: {
wave: {
'0%': { transform: 'translateX(-100%)' },
'50%': { transform: 'translateX(0)' },
'100%': { transform: 'translateX(100%)' }
}
},
animation: {
wave: 'wave 1.5s infinite'
}
}
},
plugins: []
};