-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
70 lines (70 loc) · 1.79 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
/** @type {import('tailwindcss').Config} */
module.exports = {
darkMode: 'class',
content: [
'./pages/**/*.{js,ts,jsx,tsx,mdx}',
'./components/**/*.{js,ts,jsx,tsx,mdx}',
'./app/**/*.{js,ts,jsx,tsx,mdx}',
],
theme: {
screens: {
'us': '504px',
'xs': '600px',
'sm': '640px',
'md': '768px',
'mob': '941px',
'lg': '1130px',
'xl': '1280px',
'2xl': '1536px',
'custom': '1750px',
},
extend: {
extend: {
gridAutoFlow: ['dense'],
borderWidth: ['focus'],
borderColor: ['focus'],
borderRadius: ['focus'],
backgroundImage: {
'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
}
},
fontFamily: {
satoshi: ['Satoshi', 'sans-serif'],
inter: ['Inter', 'sans-serif'],
mulish: ['Mulish', 'sans-serif'],
},
fontSize: {
'7xs': '8px',
'6xs': '10px',
'5xs': '12px',
'4xs': '14px',
'3xs': '16px',
'2xs': '18px',
'xs': '20px',
},
colors: {
'primary-50': '#88BDBC',
'primary-100': '#b6c4c3',
'primary-200': '#56a4a1',
'primary-300': '#39988a',
'primary-400': '#0c6761',
'primary-500': '#168f8a',
'primary-600': '#A1C7C7',
'primary-700': '#38747a',
'primary-800': '#055564',
'primary-900': '#0294a5',
'secondary-50': '#270101',
'secondary-100': '#1256a9',
'secondary-300': '#7a96b4',
'secondary-400': '#104e6e',
'secondary-500': '#00809D6B',
'secondary-600': '#77A8A3',
'secondary-700': '#1D323F',
'secondary-800': '#03353e',
'secondary-900': '#04060f',
'primary-orange': '#FF5722',
},
},
},
plugins: [],
}