-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.ts
157 lines (156 loc) · 4.61 KB
/
tailwind.config.ts
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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
import type { Config } from 'tailwindcss';
const config: Config = {
content: [
'./src/pages/**/*.{js,ts,jsx,tsx,mdx}',
'./src/components/**/*.{js,ts,jsx,tsx,mdx}',
'./src/features/**/*.{js,ts,jsx,tsx,mdx}',
'./src/app/**/*.{js,ts,jsx,tsx,mdx}',
'./src/styles/**/*.{js,ts,jsx,tsx}',
],
safelist: [
{
pattern: /bg-category-./,
},
{
pattern: /text-category-./,
},
{
pattern: /button-./,
}
],
theme: {
extend: {
screens: {
mobile: {
max: '430px',
},
},
zIndex: {
'60': '60',
'70': '70',
'80': '80',
'90': '90',
'100': '100',
},
boxShadow: {
inner: 'inset 0 0 0 1px #00CE4C',
},
fontFamily: {
pretendard: ['var(--font-pretendard)'],
},
fontSize: {
caption: ['10px', { lineHeight: '14px' }],
'caption-bold': ['10px', { lineHeight: '14px', fontWeight: 700 }],
'body-sm': ['12px', { lineHeight: '18px' }],
'body-sm-bold': ['12px', { lineHeight: '18px', fontWeight: 700 }],
'body-md': ['14px', { lineHeight: '20px' }],
'body-md-bold': ['14px', { lineHeight: '20px', fontWeight: 700 }],
'body-lg': ['16px', { lineHeight: '24px' }],
'body-lg-bold': ['16px', { lineHeight: '24px', fontWeight: 700 }],
'body-xl': ['18px', { lineHeight: '28px' }],
'body-xl-bold': ['18px', { lineHeight: '28px', fontWeight: 700 }],
'title-lg': ['20px', { lineHeight: '30px' }],
'title-lg-bold': ['20px', { lineHeight: '30px', fontWeight: 700 }],
'title-xl': ['24px', { lineHeight: '34px' }],
'title-xl-bold': ['24px', { lineHeight: '34px', fontWeight: 700 }],
'heading-md': [
'34px',
{ lineHeight: '48px', letterSpacing: '0.4px', fontWeight: 400 },
],
'heading-md-bold': [
'34px',
{ lineHeight: '48px', letterSpacing: '0.4px', fontWeight: 700 },
],
'heading-lg': ['48px', { lineHeight: '64px', fontWeight: 400 }],
'heading-lg-bold': ['48px', { lineHeight: '64px', fontWeight: 700 }],
'heading-xl': ['60px', { lineHeight: '78px', fontWeight: 400 }],
'heading-xl-bold': ['60px', { lineHeight: '78px', fontWeight: 700 }],
},
colors: {
main: '#00CE4C',
main_bright: '#A1FF56',
main_hightlight: '#A0FF56',
main_bg: 'rgba(0, 206, 76, 0.10)',
white: '#FFFFFF',
error: '#FF6464',
error_bg: '#FF64644D',
error_bg_light: 'rgba(255, 100, 100, 0.10)',
gray: {
200: '#F5F6F9',
300: '#EDEFF4',
400: '#E0E1E9',
500: '#B3B6C5',
600: '#727484',
700: '#4F505C',
800: '#313239',
900: '#0E0E0E',
},
category: {
bg: {
religion: '#FE2F2F',
art: '#FE49A9',
cartoon: '#FF8BCA',
humanities: '#B85FFF',
novel: '#CAA2FF',
foreign_languages: '#92666C',
self_development: '#FB7A35',
sociology: '#FFA144',
science: '#4D6FF4',
it: '#84ADFF',
economic_business: '#6BCEF5',
life: '#75F3C9',
travel: '#00CE4C',
essay: '#A0FF56',
etc: '#FFDA4A',
},
text: {
religion: '#FABBC8',
art: '#FFB5DC',
cartoon: '#AE4039',
humanities: '#F3B3EE',
novel: '#6C5A84',
foreign_language: '#FFC5CC',
self_developement: '#FFC8AB',
sociology: '#FFDDBB',
science: '#BBC4E9',
it: '#3C4F77',
economic_business: '#0073A0',
life: '#00754E',
travel: '#00722A',
essay: '#419400',
etc: '#A78500',
},
band: {
religion: '#FF7171',
art: '#FF7CC2',
cartoon: '#FFADDA',
humanities: '#D095FF',
novel: '#D9BBFF',
foreign_language: '#B78E93',
self_developement: '#FFA474',
sociology: '#FFC183',
science: '#9BACF1',
it: '#AAC7FF',
economic_business: '#9DE3FF',
life: '#B0FFE5',
travel: '#6EED9C',
essay: '#CAFFA0',
etc: '#FFE88C',
},
},
},
fontWeight: {
base: '400',
bold: '700',
},
spacing: {
page: '24px',
},
},
},
plugins: [
require('tailwind-scrollbar-hide'),
require('@tailwindcss/typography'),
],
};
export default config;