-
Notifications
You must be signed in to change notification settings - Fork 186
Expand file tree
/
Copy pathtailwind.config.js
More file actions
75 lines (75 loc) · 1.73 KB
/
tailwind.config.js
File metadata and controls
75 lines (75 loc) · 1.73 KB
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
/** @type {import('tailwindcss').Config} */
export default {
content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
theme: {
extend: {
colors: {
// 品牌蓝色
brand: {
50: '#eff6ff',
100: '#dbeafe',
200: '#bfdbfe',
500: '#3b82f6',
600: '#2563eb',
700: '#1d4ed8',
},
// 背景色
bg: {
primary: '#ffffff',
secondary: '#f9fafb',
tertiary: '#f3f4f6',
hover: '#f3f4f6',
},
// 边框色
border: {
light: '#f3f4f6',
medium: '#e5e7eb',
dark: '#d1d5db',
},
// 文字色
text: {
primary: '#1f2937',
secondary: '#6b7280',
tertiary: '#9ca3af',
disabled: '#d1d5db',
},
},
fontFamily: {
sans: [
'-apple-system',
'BlinkMacSystemFont',
'"Segoe UI"',
'Roboto',
'"Helvetica Neue"',
'Arial',
'"Noto Sans"',
'sans-serif',
'"Apple Color Emoji"',
'"Segoe UI Emoji"',
'"Segoe UI Symbol"',
'"Noto Color Emoji"',
],
mono: [
'"SF Mono"',
'Consolas',
'"Liberation Mono"',
'"Courier New"',
'monospace',
],
},
fontSize: {
xs: ['12px', { lineHeight: '1.5' }],
sm: ['13px', { lineHeight: '1.6' }],
base: ['14px', { lineHeight: '1.6' }],
lg: ['16px', { lineHeight: '1.5' }],
xl: ['20px', { lineHeight: '1.4' }],
},
fontWeight: {
normal: '400',
medium: '500',
semibold: '600',
},
},
},
plugins: [],
};