chore: Add h5 style

1ilsang · Sep 7, 2024 · 7b0cccf · 7b0cccf
1 parent 17dea1a
commit 7b0cccf
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 22 deletions.
diff --git a/src/features/shared/components/Footer.tsx b/src/features/shared/components/Footer.tsx
@@ -53,7 +53,7 @@ export const Footer: FunctionComponent<Props> = memo(
             <Frame key={idx} idx={idx} />
           ))}
         </div>
-        <ul className="w-1/3 text-center pt-[50vh]">
+        <ul className="w-1/3 text-center content-center">
           <Item>
             <Link className={hoverHighlight} href="/about">
               1ilsang

diff --git a/src/styles/markdown/index.scss b/src/styles/markdown/index.scss
@@ -31,30 +31,11 @@
     list-style: initial;
   }
 
-  h1 {
-    @apply text-2xl mt-16 leading-snug;
-
-    border-bottom: 1px solid hsl(210deg 18% 87% / 100%);
-  }
-
-  h2 {
-    @apply text-3xl mt-12 leading-snug;
-
-    border-bottom: 1px solid hsl(210deg 18% 87% / 100%);
-  }
-
-  h3 {
-    @apply text-2xl mt-8 leading-snug;
-  }
-
-  h4 {
-    @apply text-xl mt-6 leading-snug;
-  }
-
   h1,
   h2,
   h3,
-  h4 {
+  h4,
+  h5 {
     font-weight: 600;
     padding-bottom: 0.1rem;
     padding-top: 1.5rem;
@@ -78,6 +59,33 @@
     }
   }
 
+  h1 {
+    @apply text-2xl mt-16 leading-snug;
+
+    border-bottom: 1px solid hsl(210deg 18% 87% / 100%);
+  }
+
+  h2 {
+    @apply text-3xl mt-12 leading-snug;
+
+    border-bottom: 1px solid hsl(210deg 18% 87% / 100%);
+  }
+
+  h3 {
+    @apply text-2xl mt-8 leading-snug;
+  }
+
+  h4 {
+    @apply text-xl mt-6 leading-snug;
+  }
+
+  h5 {
+    @apply text-lg leading-snug;
+
+    padding-top: 1rem;
+    margin-bottom: 0.2rem;
+  }
+
   table {
     width: 100%;
     table-layout: fixed;