From 607fbb7e1a3689032743542da6a66ae49b31aabe Mon Sep 17 00:00:00 2001
From: Ardrin Gregorio <kiritogregorio@gmail.com>
Date: Sun, 20 Nov 2022 14:30:29 +0800
Subject: [PATCH] style(post): style markdown properly

---
 components/post/multiviewer/viewer.vue | 39 +++++++++++++++++++++++++-
 1 file changed, 38 insertions(+), 1 deletion(-)

diff --git a/components/post/multiviewer/viewer.vue b/components/post/multiviewer/viewer.vue
index cd48fcf2b..1f57c31c8 100644
--- a/components/post/multiviewer/viewer.vue
+++ b/components/post/multiviewer/viewer.vue
@@ -138,20 +138,57 @@
 
 	.post-content {
 		h1 { @apply text-5xl; }
+
 		h2 { @apply text-4xl; }
+
 		h3 { @apply text-3xl; }
+
 		h4 { @apply text-2xl; }
+
 		h5 { @apply text-xl; }
+
 		h6 { @apply text-xl; }
+
 		strong { @apply font-bold; }
+
 		em { @apply italic; }
+
 		blockquote {
 			@apply bg-light-100 dark:bg-opacity-20
 			pl-2 border-l-8 border-blue-800;
 			}
+
+		ol {
+			li {
+				@apply list-item;
+			}
+		}
+		ul {
+			li {
+				@apply ml-6;
+			}
+		}
 		code{ @apply text-sm; }
-		hr{ @apply border-b light:border-b-dark-500; }
+
+		hr{ @apply border-b border-b-dark-500 dark:border-b-light-500; }
+
 		a{ @apply text-blue-800; }
+
+		table, th, td {
+				@apply border border-dark-500 dark:border-light-500;
+			}
+		pre {
+			@apply dark:bg-gray-800 bg-gray-800  text-light-500;
+		}
+		del { @apply line-through; }
+		ul {
+			li[class="task-list-item"] {
+				@apply ml-12;
+			}
+		}
+		p {
+			mark[class="=="] { @apply bg-yellow-300; }
+		}
 	}
 </style>