-
Notifications
You must be signed in to change notification settings - Fork 4
/
tailwind.config.js
81 lines (80 loc) · 2.1 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
const colors = require('tailwindcss/colors');
module.exports = {
purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
darkMode: false,
theme: {
container: {
padding: '2.5rem'
},
fontFamily: {
sans: [
'Roboto',
'-apple-system',
'BlinkMacSystemFont',
'Segoe UI',
'Helvetica',
'Arial',
'sans-serif',
'Apple Color Emoji',
'Segoe UI Emoji',
'Segoe UI Symbol'
]
},
extend: {
fontSize: {
base: '14px'
},
rotate: {
135: '135deg'
},
transitionProperty: {
width: 'width'
},
colors: {
blue: {
100: '#F4FBFF',
200: '#9FCBE7'
},
purple: {
DEFAULT: '#2A0753',
50: '#FBF9FE',
100: '#E3CEFB',
200: '#B27AF4',
300: '#8125ED',
400: '#550EA8',
500: '#2A0753',
600: '#230645',
700: '#1C0537',
800: '#150329',
900: '#0D021B'
},
pink: {
DEFAULT: '#E172FD'
},
gray: {
DEFAULT: colors.trueGray,
50: '#5B6175',
75: 'rgba(231, 231, 231, 0.4)',
100: '#A2A2A2',
150: '#4A4A4A'
}
},
rotate: {
135: '135deg'
},
borderWidth: {
3: '3px'
},
minWidth: {
72: '18rem'
},
height: {
'mobile-nav': 'calc(100vh - 5rem)'
}
}
},
variants: {
extend: {}
},
plugins: []
};