-
Notifications
You must be signed in to change notification settings - Fork 1
/
tailwind.config.js
74 lines (74 loc) · 2.44 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
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ['./src/**/*.{html,ts,tsx,js,jsx}'],
theme: {
extend: {
colors: {
'simple-gray': '#131313',
'dark-light': '#262626',
'sidebar-background': '#121212',
'label-white': '#8f8f8f',
'dark-gray': '#212121',
'blue-button': '#2b09ff',
'dark-header': '#151515',
'border-conversations': '#5454543d',
'modal-background': '#121212',
'overlay-background': '#000000c4',
'conversation-form': '#161616',
'message-form': '#101010',
elevation_background: '#1c1c1c',
'blue-messenger': '#0084ff',
'dark-lighten': '#3A3B3C',
primary: 'var(--primary-color)',
},
fontFamily: {
poppins: ['Poppins', 'sans-serif'],
roboto: ['Roboto', 'sans-serif'],
},
invisible: ['group-hover'],
width: {
86: '21.5rem',
88: '22rem',
82: '20.5rem',
42: '10.5rem',
18: '4.5rem',
26: '6.5rem',
76: '19rem',
22: '5.5rem',
}, height: {
22: '5.5rem',
},
padding: {
38: '9.5rem',
26: '6.5rem',
},
borderRadius: {
'xxl': '1.125rem',
},
fontWeight: {
middle: '450',
},
keyframes: {
'fade-in': {
from: { opacity: 0 },
to: { opacity: 1 },
},
'side-out': {
from: { transform: 'translateX(100%)' },
to: { transform: 'translateX(0)' },
},
'side-in': {
from: { transform: 'translateX(-100%)' },
to: { transform: 'translateX(0)' },
},
},
animation: {
'fade-in': 'fade-in 0.3s forwards',
'fade-in-slow': 'fade-in 0.5s forwards',
'side-out': 'side-out 0.2s forwards',
'side-in': 'side-in 0.2s forwards',
},
},
},
plugins: [require('tailwind-scrollbar-hide')],
};