This repository has been archived by the owner on Sep 23, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtailwind.config.js
84 lines (80 loc) · 2.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
module.exports = {
mode: 'jit',
purge: ['./pages/**/*.{js,ts,jsx,tsx,mdx}', './components/**/*.{js,ts,jsx,tsx,mdx}'],
darkMode: false, // or 'media' or 'class'
theme: {
colors: require('./shared/constants/tailwindColors'),
fontSize: {
'2xs': '0.625rem',
xs: '0.75rem',
sm: '0.875rem',
base: '1rem',
lg: '1.25rem',
xl: '1.5rem',
'2xl': '1.75rem',
'3xl': '2rem',
'4xl': '2.5rem',
'5xl': '3.5rem',
'6xl': '4rem'
},
fontFamily: {
pretendard: 'Pretendard'
},
boxShadow: {
'light-el-1-inset': 'inset 0px 0.5px 4px 0px rgba(96,97,112,0.32)',
'light-el-0-base': '0px 0px 0px 0px rgba(0,0,0,0)',
'light-el-1':
'0px 0.5px 2px 0px rgba(96,97,112,0.16), 0px 0px 1px 0px rgba(40,41,61,0.08)',
'light-el-2':
'0px 2px 4px 0px rgba(96,97,112,0.16), 0px 0px 1px 0px rgba(40,41,61,0.04)',
'light-el-3':
'0px 4px 8px 0px rgba(96,97,112,0.16), 0px 0px 2px 0px rgba(40,41,61,0.04)',
'light-el-4':
'0px 8px 16px 0px rgba(96,97,112,0.16), 0px 2px 4px 0px rgba(40,41,61,0.04)',
'light-el-5':
'0px 16px 24px 0px rgba(96,97,112,0.16), 0px 2px 8px 0px rgba(40,41,61,0.04)',
'light-el-6':
'0px 20px 32px 0px rgba(96,97,112,0.24), 0px 2px 8px 0px rgba(40,41,61,0.08)',
'dark-el-1-inset': 'inset 0px 0.5px 4px 0px rgba(0,0,0,0.32)',
'dark-el-0-base': '0px 0px 0px 0px rgba(0,0,0,0)',
'dark-el-1':
'0px 1px 2px 0px rgba(0,0,0,0.32), 0px 0px 1px 0px rgba(40,41,61,0.08)',
'dark-el-2': '0px 2px 4px 0px rgba(0,0,0,0.32), 0px 0px 1px 0px rgba(0,0,0,0.04)',
'dark-el-3': '0px 4px 8px 0px rgba(0,0,0,0.32), 0px 0px 2px 0px rgba(0,0,0,0.04)',
'dark-el-4':
'0px 8px 16px 0px rgba(0,0,0,0.32), 0px 2px 4px 0px rgba(0,0,0,0.04)',
'dark-el-5':
'0px 16px 24px 0px rgba(0,0,0,0.32), 0px 2px 8px 0px rgba(0,0,0,0.04)',
'dark-el-6':
'0px 20px 32px 0px rgba(0,0,0,0.32), 0px 2px 8px 0px rgba(0,0,0,0.08)'
},
borderRadius: {
none: '0',
xs: '0.125rem',
sm: '0.25rem',
default: '0.4316771328449249rem',
lg: '0.5rem',
xl: '0.625rem',
'2xl': '1rem',
'3xl': '1.7267085313796997rem'
},
extend: {
screens: {
'max-2xl': { max: '1535px' },
// => @media (max-width: 1535px) { ... }
'max-xl': { max: '1279px' },
// => @media (max-width: 1279px) { ... }
'max-lg': { max: '1023px' },
// => @media (max-width: 1023px) { ... }
'max-md': { max: '767px' },
// => @media (max-width: 767px) { ... }
'max-sm': { max: '639px' }
// => @media (max-width: 639px) { ... }
}
}
},
variants: {
extend: {}
},
plugins: [require('@tailwindcss/typography')]
};