💅 style: 타이포그래피 업데이트 #15

dnd-side-project · Aug 11, 2024 · 1fc7a28 · 1fc7a28
1 parent 2dca081
commit 1fc7a28
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 8 deletions.
diff --git a/src/styles/theme/typography.ts b/src/styles/theme/typography.ts
@@ -39,18 +39,34 @@ export const TYPOGRAPHY = {
       letterSpacing: "0",
     },
   },
-  BODY1_MEDIUM: {
-    FONT_SIZE: "16px",
+  BODY1_REGULAR: {
+    FONT_SIZE: "14px",
     OPTIONS: {
-      fontWeight: 500,
+      fontWeight: 400,
       lineHeight: "1.2",
       letterSpacing: "0",
     },
   },
-  BODY1_REGULAR: {
+  BODY1_REGULAR_LH_20: {
     FONT_SIZE: "14px",
     OPTIONS: {
       fontWeight: 400,
+      lineHeight: "20px",
+      letterSpacing: "0",
+    },
+  },
+  BODY1_REGULAR_LG: {
+    FONT_SIZE: "16px",
+    OPTIONS: {
+      fontWeight: 400,
+      lineHeight: "1.2",
+      letterSpacing: "0",
+    },
+  },
+  BODY1_MEDIUM: {
+    FONT_SIZE: "16px",
+    OPTIONS: {
+      fontWeight: 500,
       lineHeight: "1.2",
       letterSpacing: "0",
     },

diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -114,14 +114,22 @@ const config: Config = {
           TYPOGRAPHY.SUBTITLE_MEDIUM.FONT_SIZE,
           TYPOGRAPHY.SUBTITLE_MEDIUM.OPTIONS,
         ],
-        "body1-medium": [
-          TYPOGRAPHY.BODY1_MEDIUM.FONT_SIZE,
-          TYPOGRAPHY.BODY1_MEDIUM.OPTIONS,
-        ],
         "body1-regular": [
           TYPOGRAPHY.BODY1_REGULAR.FONT_SIZE,
           TYPOGRAPHY.BODY1_REGULAR.OPTIONS,
         ],
+        "body1-regular-lg": [
+          TYPOGRAPHY.BODY1_REGULAR_LG.FONT_SIZE,
+          TYPOGRAPHY.BODY1_REGULAR_LG.OPTIONS,
+        ],
+        "body1-regular-lh-20": [
+          TYPOGRAPHY.BODY1_REGULAR_LH_20.FONT_SIZE,
+          TYPOGRAPHY.BODY1_REGULAR_LH_20.OPTIONS,
+        ],
+        "body1-medium": [
+          TYPOGRAPHY.BODY1_MEDIUM.FONT_SIZE,
+          TYPOGRAPHY.BODY1_MEDIUM.OPTIONS,
+        ],
         "body2-medium": [
           TYPOGRAPHY.BODY2_MEDIUM.FONT_SIZE,
           TYPOGRAPHY.BODY2_MEDIUM.OPTIONS,