-
Notifications
You must be signed in to change notification settings - Fork 25
/
tailwind.config.js
128 lines (128 loc) · 2.66 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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
module.exports = {
mode: 'jit',
purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
darkMode: false, // or 'media' or 'class'
theme: {
extend: {
screens: {
// 'sm': '640px',
// 'md': '768px',
tablet: '832px',
// 'lg': '1024px',
'2lg': '1152px',
// 'xl': '1280px',
'1.5xl': '1440px',
// '2xl': '1536px',
'3xl': '1700px',
},
borderRadius: {
plus: '0.3125rem',
},
spacing: {
px3: '0.1875rem',
4.5: '1.125rem',
},
inset: {
5.5: '88px',
},
minHeight: {
section: '43rem',
'card-sm': '51rem',
'card-md': '46rem',
},
maxWidth: {
section: '52.5rem',
menu: '70rem',
},
minWidth: {
6: '1.5rem',
'card-sm': '24rem',
'card-md': '30rem',
'card-lg': '40rem',
},
padding: {
13: '3.125rem',
},
boxShadow: {
navbar: '0px 4px 12px rgba(0, 0, 0, 0.12)',
},
transitionProperty: {
height: 'height',
width: 'width',
font: 'font-size',
padding: 'padding',
transform: 'transform',
},
transitionDuration: {
fast: '0.3s',
},
colors: {
alertyellow: {
DEFAULT: '#FFF18A',
},
alertred: {
DEFAULT: '#F15929',
},
ifbeige: {
DEFAULT: '#FFF4E0',
},
iflightblue: {
DEFAULT: '#033CE0',
},
ifblue: {
DEFAULT: '#1D0070',
},
ifotherblue: {
DEFAULT: '#2C72FF',
},
ifsubtextgray: {
DEFAULT: '#AFAFAF',
},
iflightgray: {
DEFAULT: '#ECECEC',
},
ifgray: {
DEFAULT: '#6A737D',
},
ifbackgroundgray: {
DEFAULT: '#F3F3F4',
},
iflightorange: {
DEFAULT: '#FFCD85',
},
iforange: {
DEFAULT: '#FFA542',
},
ifpink: {
DEFAULT: '#FFC2EB',
subtext: '#D089B9',
},
ifyellow: {
DEFAULT: '#FFEC1F',
},
ifmauve: {
DEFAULT: '#9B6288',
},
ifcubepink: {
DEFAULT: '#FF94DB',
},
iflightbeige: {
DEFAULT: '#FFEFD7',
},
ifpinkdark: {
DEFAULT: '#DE83F0',
},
},
fontFamily: {
favorit: ['favorit-regular', 'sans-serif'],
extended: ['extended-regular', 'sans-serif'],
},
},
},
variants: {
extend: {
borderWidth: ['hover'],
},
},
plugins: [],
}