Skip to content

Commit fd6cef7

Browse files
KongMezuKongMezu
authored
Merge pull request #36 from geulDa/fix/#27/color-chip
🐛Fix & Setting : 폰트 유틸리티 다시 초기 세팅
2 parents 3d2d2bc + 3efdd6c commit fd6cef7

File tree

1 file changed

+20
-27
lines changed

1 file changed

+20
-27
lines changed

‎src/styles/globals.css‎

Lines changed: 20 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -179,39 +179,32 @@ html, body {
179179
@utility text-foreground { color: var(--foreground); }
180180

181181
/* 폰트 *//* Pretendard */
182-
@utility text-display-lg { font-size:5.7rem; line-height: 6.4rem; letter-spacing: -0.025em; font-family: var(--font-sans); }
183-
@utility text-display-md { font-size:5.2rem; line-height: 4.5rem; font-family: var(--font-sans); }
184-
@utility text-display-sm { font-size:3.6rem; line-height: 4.4rem; font-family: var(--font-sans); }
182+
@utility text-display-lg { font-size:5.7rem; line-height: 6.4rem; letter-spacing: -0.025em; font-weight: 300; font-family: var(--font-sans); }
183+
@utility text-display-md { font-size:5.2rem; line-height: 4.5rem; font-weight: 300; font-family: var(--font-sans); }
184+
@utility text-display-sm { font-size:3.6rem; line-height: 4.4rem; font-weight: 300; font-family: var(--font-sans); }
185185

186-
@utility text-headline-lg { font-size:3.2rem; line-height: 4rem; font-family: var(--font-sans); }
187-
@utility text-headline-md { font-size:2.8rem; line-height: 3.2rem; font-family: var(--font-sans); }
188-
@utility text-headline-sm { font-size:2.4rem; line-height: 3.2rem; font-family: var(--font-sans); }
186+
@utility text-headline-lg { font-size:3.2rem; line-height: 4rem; font-weight: 200; font-family: var(--font-sans); }
187+
@utility text-headline-md { font-size:2.8rem; line-height: 3.2rem; font-weight: 200; font-family: var(--font-sans); }
188+
@utility text-headline-sm { font-size:2.4rem; line-height: 3.2rem; font-weight: 200; font-family: var(--font-sans); }
189189

190-
@utility text-title-lg { font-size:2.2rem; line-height: 2.8rem; letter-spacing: 0.015em; font-family: var(--font-sans); }
191-
@utility text-title-md { font-size:1.6rem; line-height: 2.4rem; letter-spacing: 0.01em; font-family: var(--font-sans); }
192-
@utility text-title-sm { font-size:1.4rem; line-height: 2rem; letter-spacing: 0.01em; font-family: var(--font-sans); }
190+
@utility text-title-lg { font-size:2.2rem; line-height: 2.8rem; font-weight: 400; letter-spacing: 0.015em; font-family: var(--font-sans); }
191+
@utility text-title-md { font-size:1.6rem; line-height: 2.4rem; font-weight: 400; letter-spacing: 0.01em; font-family: var(--font-sans); }
192+
@utility text-title-sm { font-size:1.4rem; line-height: 2rem; font-weight: 400; letter-spacing: 0.01em; font-family: var(--font-sans); }
193193

194-
@utility text-label-lg { font-size:1.4rem; line-height: 2rem; letter-spacing: 0.01em; font-family: var(--font-sans); }
195-
@utility text-label-md { font-size:1.2rem; line-height: 1.6rem; letter-spacing: 0.05em; font-family: var(--font-sans); }
196-
@utility text-label-sm { font-size:1.1rem; line-height: 1.6rem; letter-spacing: 0.05em; font-family: var(--font-sans); }
194+
@utility text-label-lg { font-size:1.4rem; line-height: 2rem; font-weight: 300; letter-spacing: 0.01em; font-family: var(--font-sans); }
195+
@utility text-label-md { font-size:1.2rem; line-height: 1.6rem; font-weight: 300; letter-spacing: 0.05em; font-family: var(--font-sans); }
196+
@utility text-label-sm { font-size:1.1rem; line-height: 1.6rem; font-weight: 300; letter-spacing: 0.05em; font-family: var(--font-sans); }
197197

198-
@utility text-body-lg { font-size:1.4rem; line-height: 2.4rem; letter-spacing: 0.05em; font-family: var(--font-sans); }
199-
@utility text-body-md { font-size:1.2rem; line-height: 2rem; letter-spacing: 0.025em; -family: var(--font-sans); }
200-
@utility text-body-sm { font-size:1rem; line-height: 1.6rem; letter-spacing: 0.04em; font-family: var(--font-sans); }
198+
@utility text-body-lg { font-size:1.4rem; line-height: 2.4rem; font-weight: 400; letter-spacing: 0.05em; font-family: var(--font-sans); }
199+
@utility text-body-md { font-size:1.2rem; line-height: 2rem; font-weight: 300; letter-spacing: 0.025em; font-family: var(--font-sans); }
200+
@utility text-body-sm { font-size:1rem; line-height: 1.6rem; font-weight: 200; letter-spacing: 0.04em; font-family: var(--font-sans); }
201201

202202
/* JEN Serif */
203-
@utility text-display-serif { font-size:3.6rem; line-height: 4.6rem; letter-spacing: 0.6em; font-family: var(--font-serif); }
204-
@utility text-headline-lg-serif { font-size:3.2rem; line-height: 4rem; letter-spacing: 0.2em; font-family: var(--font-serif); }
205-
@utility text-headline-md-serif { font-size:2.4rem; line-height: 3.2rem; letter-spacing: 0.2em; font-family: var(--font-serif); }
206-
@utility text-headline-sm-serif { font-size:2rem; line-height: 2.4rem; letter-spacing: 1.2rem; font-family: var(--font-serif); }
207-
@utility text-label-serif { font-size:1.4rem; line-height: 2rem; letter-spacing: 0.4rem; font-family: var(--font-serif); }
208-
209-
/* font-weight */
210-
@utility font-light { font-weight: 100 !important; }
211-
@utility font-regular { font-weight: 200 !important; }
212-
@utility font-medium { font-weight: 300 !important; }
213-
@utility font-semibold { font-weight: 400 !important; }
214-
@utility font-bold { font-weight: 500 !important; }
203+
@utility text-display-serif { font-size:3.6rem; line-height: 4.6rem; font-weight: 200; letter-spacing: 0.6em; font-family: var(--font-serif); }
204+
@utility text-headline-lg-serif { font-size:3.2rem; line-height: 4rem; font-weight: 200; letter-spacing: 0.2em; font-family: var(--font-serif); }
205+
@utility text-headline-md-serif { font-size:2.4rem; line-height: 3.2rem; font-weight: 200; letter-spacing: 0.2em; font-family: var(--font-serif); }
206+
@utility text-headline-sm-serif { font-size:2rem; line-height: 2.4rem; font-weight: 200; letter-spacing: 1.2rem; font-family: var(--font-serif); }
207+
@utility text-label-serif { font-size:1.4rem; line-height: 2rem; font-weight: 200; letter-spacing: 0.4rem; font-family: var(--font-serif); }
215208

216209

217210
/* Layout */

0 commit comments

Comments
 (0)