/
tailwind.config.js
55 lines (53 loc) · 1.26 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
module.exports = {
theme: {
extend: {
height: {
hero: '30rem',
'20rem': '20rem',
containerSm: '35rem',
},
width: {
hero: '32rem',
"25rem": '25rem',
"20rem": '20rem',
"23rem": '23rem',
},
colors: {
starbucks: {
red: "rgb(214, 21, 42)",
redTp: "rgb(244, 139, 151, 0.7)",
'gray': "#f0f0f0",
'grayLight':"#f7f7f7",
"gray2": '#F0EFED',
"green": '#006341',
"greenDark": '#004F34',
"greenDarker": '#003b27',
},
},
backgroundPosition: {
'top-4': 'center top 1rem',
'bottom-4': 'center bottom 1rem',
perfectlyCentered: '35% 50%',
},
padding: {
'20rem': '20rem',
},
fontSize: {
'tiny' : '.4rem',
'tiny2' : '.6rem',
},
fontFamily: {
starbucks: ['Crete Round Italic', 'Georgia', 'Times New Roman', 'serif'],
starbucksLato: ['Lato'],
starbucksLatoBold: ['Lato Bold'],
starbucksLatoLight: ['Lato Light'],
// starbucksCreteRoundItalic: ['Crete Round Italic'];
},
margin: {
'pointFive' : "0.14rem",
}
},
},
variants: {},
plugins: []
}