-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
105 lines (105 loc) · 3.77 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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
module.exports = {
purge: {
enabled: true,
content: ['index.html'],
},
theme: {
extend: {
lineHeight:{
'1-1':'1.2',
'1-3':'1.3'
},
spacing:{
'9':'2.125rem',
'11':'2.75rem',
'0-3':'0.3rem',
'55/100':'55%',
'33/100':'33%',
'35/100':'35%',
'94/100':'94%',
'15/100':'15%',
'100vh':'100vh',
'200vh':'200vh',
'unset':'unset',
},
padding:{
'28':'7rem',
'0-4':'0.4rem',
},
inset: {
'0': 0,
auto: 'auto',
'1/2': '50%',
'2/100':'2%',
'3/100':'3%',
'17/100':'17%',
'-2/100':'-2%',
'5/100':'5%',
'-5/100':'-5%',
'10': '10px',
'15': '15px',
'18': '18px',
'30': '30px',
'48': '48px',
'-10': '-10px',
'unset':'unset',
'100vh':'100vh',
},
backgroundPosition:{
'initial':'initial'
},
fontSize: {
'1-5xl':'1.3rem',
'2-5xl': '1.7rem',
'3-5xl': '2rem',
'4-5xl': '2.75rem',
'4-6xl': '2.8rem',
'5-1xl': '3.125rem',
'5-3xl': '3.3rem',
'5-5xl': '3.5rem',
'6-4xl': '4.425rem',
'6-45xl': '4.8rem',
'6-5xl': '5.2rem',
'7xl':'5rem',
},
colors: {
'red-pure':'red',
'sblack': '#171717',
'sred':'#ff2626',
'dblack':'#2f2f2f',
'sblue':'#00A4F9'
},
screens: {
'mm2': {'raw': 'screen and (max-width: 410px) and (max-height: 350px)'},
'mm': {'raw': 'screen and (max-width: 419px) and (max-height: 300px)'},
'wlg_1093': {'raw': 'screen and (min-width: 1024px) and (max-width: 1093px)'},
'w1094_1184': {'raw': 'screen and (min-width: 1094px) and (max-width: 1184px)'},
'w1185_1279': {'raw': 'screen and (min-width: 1185px) and (max-width: 1279px)'},
'xl2':'1400px',
'w920_lg': {'raw': 'screen and (min-width: 920px) and (max-width: 1023px)'},
'xsm3': {'raw': 'screen and (min-width: 375px) and (max-width: 479px)'},
'xsm2': {'raw': 'screen and (min-width: 480px) and (max-width: 575px)'},
'xsm': {'raw': 'screen and (min-width: 576px) and (max-width: 767px)'},
'x4_79': {'raw': 'screen and (min-width: 420px) and (max-width: 479px)'},
'x4_79_h400': {'raw': 'screen and (min-width: 420px) and (max-width: 479px) and (max-height: 400px)'},
'x4_79_h300': {'raw': 'screen and (min-width: 420px) and (max-width: 479px) and (max-height: 300px)'},
'xsm_xl': {'raw': 'screen and (min-width: 480px) and (max-width: 1279px)'},
'xsm_lg': {'raw': 'screen and (min-width: 480px) and (max-width: 1023px)'},
'x420_lg': {'raw': 'screen and (min-width: 420px) and (max-width: 1023px)'},
'x411_lg': {'raw': 'screen and (min-width: 411px) and (max-width: 1023px)'},
'wlg_h750': {'raw': 'screen and (min-width: 1024px) and (max-height: 750px)'},
'wlg_h700': {'raw': 'screen and (min-width: 1024px) and (max-height: 700px)'},
'wlg_h650': {'raw': 'screen and (min-width: 1024px) and (max-height: 650px)'},
'wlg_h500': {'raw': 'screen and (min-width: 1024px) and (max-height: 500px)'},
'wlg_h450': {'raw': 'screen and (min-width: 1024px) and (max-height: 450px)'},
'wlg_h400': {'raw': 'screen and (min-width: 1024px) and (max-height: 400px)'},
'wxsm_lg_h450': {'raw': 'screen and (min-width: 480px) and (max-width: 1023px) and (max-height: 450px)'},
'wxsm_lg_h400': {'raw': 'screen and (min-width: 480px) and (max-width: 1023px) and (max-height: 400px)'},
'wxsm_lg_h300': {'raw': 'screen and (min-width: 480px) and (max-width: 1023px) and (max-height: 300px)'},
}
}
},
variants: {
},
plugins: [],
}