-
Notifications
You must be signed in to change notification settings - Fork 2
/
tailwind.config.js
57 lines (54 loc) · 1.28 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
module.exports = {
content: [
'./pages/**/*.{js,ts,jsx,tsx}',
'./components/**/*.{js,ts,jsx,tsx}',
],
theme: {
screens: {
sm: '480px',
md: '768px',
lg: '976px',
xl: '1440px',
},
fontSize: {
xs: '.75rem',
sm: '.875rem',
base: '1rem',
md: '1rem',
lg: '1.2rem',
xl: '1.4rem',
'2xl': '1.6rem',
'3xl': '2rem',
'4xl': '2.25rem',
},
extend: {
colors: {
// TechEquity theme colors
blue: {
dark: '#112353',
DEFAULT: '#172F6E',
light: '#45598b',
lighter: '#006ac3',
lightest: '#E3EBFF',
},
green: '#85CA83',
// #4F515A - input border/input text color (default)
// #F5F5F5 - input background color (lightest)
// #777f87 - input placeholder color (light)
// #414247 - text color (darker)
// #3C3E47 - dropdown menu text (darkest)
// #e8e9eb - dropdown background color/ progress bar background (lighter)
gray: {
darkest: '#3C3E47',
darker: '#112353',
dark: '#414247',
DEFAULT: '#4F515A',
light: '#777F87',
lighter: '#E8E9EB',
lightest: '#F5F5F5',
},
},
},
},
plugins: [],
};