-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
62 lines (61 loc) · 1.32 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
module.exports = {
purge: [],
theme: {
extend: {
screens: {
xsm: '320px',
lmd: '425px',
xxl: '1400px',
xxxl: '1600px',
bigdesktop: '1920px'
},
fontSize: {
'8xl': '5rem',
largeTitle: '6rem',
largeText: '1.75rem',
titlexl: '7rem',
titlexxl: '8rem',
titleHuge: '10rem',
titlextra: '11rem',
xsText: '0.06rem',
xxsm: '0.008rem'
},
colors: {
darkBlack: '#1E1E1E',
SecondaryColor: '#FBF4EE',
lightgray: '#4D4B4B',
btnBg: '#FFEDDE',
darkBrown: '#B55A05',
hoverBorders: '#FFAB5D',
hoverColor: '#FFAB5E',
menuText: '#DEDEDE'
},
fontFamily: {
bodyFont: ['Nunito'],
titleFont: ['Roboto']
},
backgroundImage: {
'beats-logo': 'img/beats-logo-bg.svg',
},
boxShadow: {
btnShadow: '0px 5px 20px rgba(170, 77, 0, 0.32)',
imgShadow: '0px 6px 40px rgba(0, 0, 0, 0.25)'
},
inset: {
'-5': '-0.3rem',
'-20': '-1.25rem',
'20': '20rem',
'50': '50%',
'p40': '40%',
},
spacing: {
'70': '20rem',
'75': '30rem',
'80': '36rem',
'85': '45rem',
}
},
},
variants: {},
plugins: [],
}