-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
65 lines (65 loc) · 1.63 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
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ["./src/**/*.{js,jsx}"],
theme: {
screens: {
ms: '346px',
sm: '640px',
md: '768px',
lg: '1024px',
xl: '1280px',
'2xl': '1536px',
'2xxl': '1920px',
},
backgroundImage: {
'page-btn': 'linear-gradient(180deg, #e6e6e6, #ddd)',
'page-btn-active': 'linear-gradient(180deg, #ffffff, #d5d5d5)',
},
borderWidth: {
DEFAULT: '1px'
},
extend: {
colors: {
'main-body': '#141414',
'netflix-btn': '#E50914',
'text': '#333',
'netflix-btn-hover': '#C11119',
'link': '#0073e6',
'light-black': '#141414',
'footer-gray': '#808080',
'notifi-border': '#645252',
'notifi-name': '#fbfbfb',
'panle-text': '#cfbaba',
'bg-ag': '#33333399',
'account-page': '#F2F2F2',
'btn': '#e6e6e6',
'inp-err': '#EB3942',
'footer': '#f3f3f3',
'success': '#5fa53f',
'pay-line': '#ccc',
'gray': '#8c8c8c',
'gray-light': '#f4f4f4',
'check-box': '#737373',
'info': '#e87c03',
'card-title': '#e5e5e5'
},
transitionTimingFunction: {
'in-btn': 'cubic-bezier(0.5, 0, 0.1, 1)',
'out-btn': 'cubic-bezier(0.9, 0, 0.51, 1)'
},
transitionDuration: {
'0': '0ms',
'250': '250ms',
},
keyframes: {
'moviepulse': {
'50%': { opacity: '0.5' }
}
},
animation: {
'movie-card-pulse': 'moviepulse 1s cubic-bezier(0.4, 0, 0.6, 1) infinite;'
}
},
},
plugins: [],
}