started with post editor

frontend/src/styles.css

@@ -2,7 +2,7 @@
 @import "tailwindcss";
 
 /* apply todo css */
-.todo {
+app-markdown {
   @layer base {
     body {
       @apply bg-gray-50 text-gray-800 font-sans leading-relaxed text-base;
@@ -30,9 +30,11 @@
       @apply text-blue-600 hover:text-blue-800 transition-colors underline;
     }
 
-    ul,
+    ul {
+      @apply list-disc pl-6 mb-4;
+    }
     ol {
-      @apply pl-6 mb-4;
+      @apply list-decimal pl-6 mb-4;
     }
 
     li {
@@ -55,5 +57,11 @@
     tr:nth-child(even) {
       @apply bg-gray-50;
     }
+    blockquote {
+      @apply italic bg-gray-200 rounded-md backdrop-blur-md p-3;
+    }
+    p {
+      @apply mb-2;
+    }
   }
 }