markdown css done.

themes/hugo-w2ng/assets/css/styles.css

@@ -7,62 +7,60 @@
 /* Tailwind's utility classes - generated based on config file */
 @import "node_modules/tailwindcss/utilities";
 
-h1 {
-  @apply text-4xl;
+.markdown h1 {
+  @apply text-4xl my-12;
 }
-h2 {
-  @apply text-2xl;
+.markdown h2 {
+  @apply text-2xl my-8;
 }
-h3 {
-  @apply text-lg;
+.markdown h3 {
+  @apply text-lg my-4;
 }
-h1,
-h2,
-h3,
-h4 {
+.markdown h4 {
+  @apply my-2;
+}
+.markdown h1,
+.markdown h2,
+.markdown h3,
+.markdown h4 {
   @apply font-bold leading-loose;
 }
-
-blockquote {
+.markdown blockquote {
   @apply bg-gray-100 p-3 mx-3 my-2 border-l-4 border-gray-400;
 }
-
-table {
+.markdown table {
   @apply m-auto border-t border-b border-gray-800 border-solid;
-  
 }
-table thead th {
-  @apply border-b border-solid border-gray-700
+.markdown table thead th {
+  @apply border-b border-solid border-gray-700;
 }
-th,
-td {
+.markdown th,
+.markdown td {
   @apply p-1;
 }
-thead,
-tfoot,
-tr:nth-child(even) {
+.markdown thead,
+.markdown tfoot,
+.markdown tr:nth-child(even) {
   @apply bg-gray-200;
 }
-
-pre {
-  box-shadow: 5px 5px 5px #eee;
-  @apply overflow-x-auto p-4 border-2 border-solid border-gray-100;
+.markdown pre {
+  @apply overflow-x-auto shadow-md p-4 border-2 border-solid border-gray-100;
 }
-code {
+.markdown code {
   @apply bg-gray-200;
 }
-pre code {
+.markdown pre code {
   @apply bg-transparent;
 }
-
-ul {
+.markdown ul {
   @apply text-base pl-8 list-disc;
 }
-
-ol {
+.markdown ol {
   @apply text-base pl-8 list-decimal;
 }
-
-kbd {
+.markdown kbd {
   @apply text-xs inline-block bg-gray-100 rounded border p-1 align-middle font-normal font-mono shadow;
 }
+.markdown hr {
+  @apply block my-6 mx-auto max-w-md h-px border-t border-black;
+}