-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
74 lines (74 loc) · 1.58 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
module.exports = {
mode: 'jit',
purge: {
enabled: true,
content: ['./resources/js/**/*.vue', './resources/views/**/*.edge'],
},
darkMode: 'class',
theme: {
fontFamily: {
sans: ['Inter', 'system-ui', 'sans-serif'],
},
colors: ({ colors }) => ({
primary: {
50: '#ffffff',
100: '#efecff',
200: '#dedaff',
300: '#9c8fff',
400: '#7b6aff',
DEFAULT: '#5A45FF',
600: '#4837cc',
700: '#362999',
800: '#241c66',
900: '#090719',
},
secondary: {
50: '#E5F9FF',
100: '#B7E1ED',
200: '#95CDDE',
300: '#71A2B0',
DEFAULT: '#2a2647',
600: '#120e33',
700: '#0e0b29',
800: '#0b081f',
900: '#05040f',
},
white: '#fff',
gray: {
800: '#2C2B2A',
500: '#72716D',
300: '#DBD9D2',
200: '#C1BFB9',
100: '#e5e7eb',
50: '#F8F7F6',
},
teal: {
800: '#075E5A',
700: '#09847E',
},
green: colors.green,
yellow: colors.yellow,
red: colors.red,
blue: colors.blue,
black: colors.black,
indigo: colors.indigo,
}),
boxShadow: {
DEFAULT: '0px 2px 4px rgba(44, 43, 42, 0.1)',
spread: '0px 12px 32px rgba(44, 43, 42, 0.16)',
},
minWidth: {
240: '240px',
},
extend: {
minHeight: {
shell: 'calc(100vh - 97px - 64px)',
},
fontSize: {
'xl': ['1.375rem', '2.125rem'],
'6xl': ['3.625rem', '4rem'],
},
},
},
plugins: [],
}