Merge pull request #31 from geulDa/fix/#27/color-chip

⚙️Setting : border 오류 & 폰트 수정

Author: KongMezu

.vscode/settings.json

@@ -22,6 +22,6 @@
   "tailwindCSS.emmetCompletions": true,
   "editor.suggest.preview": true,
   "editor.colorDecorators": true,
-  "editor.defaultColorDecorators": true,
+  "editor.defaultColorDecorators": "auto",
   "tailwindCSS.colorDecorators": true
 }

src/styles/globals.css

@@ -1,5 +1,4 @@
 @import 'tailwindcss';
-@import 'tailwindcss/preflight';
 @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
 
 @font-face {
@@ -114,7 +113,6 @@ html, body {
 @utility text-mint-900 { color: var(--color-mint-900)!important; }
 
 
-
 /* Pink */
 @utility bg-pink-50 { background-color: var(--color-pink-50)!important; }
 @utility bg-pink-100 { background-color: var(--color-pink-100)!important; }
@@ -138,6 +136,8 @@ html, body {
 @utility text-pink-800 { color: var(--color-pink-800)!important; }
 @utility text-pink-900 { color: var(--color-pink-900)!important; }
 
+
+
 /* Gray */
 @utility bg-gray-50 { background-color: var(--color-gray-50)!important; }
 @utility bg-gray-100 { background-color: var(--color-gray-100)!important; }
@@ -180,32 +180,38 @@ html, body {
 
 
 /* 폰트 *//* Pretendard */
-@utility text-display-lg { font-size:5.7rem; font-weight:300; line-height:6.4rem; letter-spacing:-0.025rem; font-family: var(--font-sans); }
-@utility text-display-md { font-size:5.2rem; font-weight:300; line-height:4.5rem; font-family: var(--font-sans); }
-@utility text-display-sm { font-size:3.6rem; font-weight:300; line-height:4.4rem; font-family: var(--font-sans); }
+@utility text-display-lg { font-size:5.7rem; font-family: var(--font-sans); }
+@utility text-display-md { font-size:5.2rem; font-family: var(--font-sans); }
+@utility text-display-sm { font-size:3.6rem; font-family: var(--font-sans); }
+
+@utility text-headline-lg { font-size:3.2rem; font-family: var(--font-sans); }
+@utility text-headline-md { font-size:2.8rem; font-family: var(--font-sans); }
+@utility text-headline-sm { font-size:2.4rem; font-family: var(--font-sans); }
 
-@utility text-headline-lg { font-size:3.2rem; font-weight:200; line-height:4rem; font-family: var(--font-sans); }
-@utility text-headline-md { font-size:2.8rem; font-weight:200; line-height:3.2rem; font-family: var(--font-sans); }
-@utility text-headline-sm { font-size:2.4rem; font-weight:200; line-height:3.2rem; font-family: var(--font-sans); }
+@utility text-title-lg { font-size:2.2rem;  font-family: var(--font-sans); }
+@utility text-title-md { font-size:1.6rem;  font-family: var(--font-sans); }
+@utility text-title-sm { font-size:1.4rem; font-family: var(--font-sans); }
 
-@utility text-title-lg { font-size:2.2rem; font-weight:400; line-height:1.75rem; font-family: var(--font-sans); }
-@utility text-title-md { font-size:1.6rem; font-weight:400; line-height:2.4rem; letter-spacing:0.015rem; font-family: var(--font-sans); }
-@utility text-title-sm { font-size:1.4rem; font-weight:400; line-height:2rem; letter-spacing:0.01rem; font-family: var(--font-sans); }
+@utility text-label-lg { font-size:1.4rem; font-family: var(--font-sans); }
+@utility text-label-md { font-size:1.2rem; font-family: var(--font-sans); }
+@utility text-label-sm { font-size:1.1rem; font-family: var(--font-sans); }
 
-@utility text-label-lg { font-size:1.4rem; font-weight:300; line-height:2rem; font-family: var(--font-sans); }
-@utility text-label-md { font-size:1.2rem; font-weight:300; line-height:1.6rem; font-family: var(--font-sans); }
-@utility text-label-sm { font-size:1.1rem; font-weight:300; line-height:1.6rem; font-family: var(--font-sans); }
+@utility text-body-lg { font-size:1.4rem; font-family: var(--font-sans); }
+@utility text-body-md { font-size:1.2rem; font-family: var(--font-sans); }
+@utility text-body-sm { font-size:1rem; font-family: var(--font-sans); }
 
 /* JEN Serif */
-@utility text-display-serif { font-size:3.6rem; font-weight:200; line-height:4.6rem; letter-spacing:0.6rem; font-family: var(--font-serif); }
-@utility text-headline-lg-serif { font-size:3.2rem; font-weight:200; line-height:4rem; letter-spacing:0.2rem; font-family: var(--font-serif); }
-@utility text-headline-md-serif { font-size:2.4rem; font-weight:200; line-height:3.2rem; letter-spacing:0.2rem; font-family: var(--font-serif); }
-@utility text-headline-sm-serif { font-size:2rem; font-weight:200; line-height:2.4rem; letter-spacing:1.2rem; font-family: var(--font-serif); }
-@utility text-label-serif { font-size:1.4rem; font-weight:200; line-height:2rem; letter-spacing:0.4rem; font-family: var(--font-serif); }
+@utility text-display-serif { font-size:3.6rem; font-family: var(--font-serif); }
+@utility text-headline-lg-serif { font-size:3.2rem; font-family: var(--font-serif); }
+@utility text-headline-md-serif { font-size:2.4rem; font-family: var(--font-serif); }
+@utility text-headline-sm-serif { font-size:2rem; font-family: var(--font-serif); }
+@utility text-label-serif { font-size:1.4rem; font-family: var(--font-serif); }
 
 /* Layout */
 @utility layout-flex { display: var(--display-flex); }
 @utility layout-grid { display: var(--display-grid); }
+@utility layout-block { display: var(--display-block); }
+@utility layout-inline { display: var(--display-inline); }
 
 @utility grid-cols-6 { grid-template-columns: var(--grid-cols-6); }
 @utility grid-cols-4 { grid-template-columns: var(--grid-cols-4); }