revert unordered list styles

src/components/markdown/MDXProvider.tsx

@@ -135,26 +135,6 @@ const components = {
   ),
 
   p: props => <p {...props} className="mb-4" />,
-  'ul.li': ({ children, ...props }) => (
-    <li {...props} className="flex">
-      <span className="mr-4">
-        <svg
-          fill="currentColor"
-          height="16"
-          width="16"
-          viewBox="0 0 512 512"
-          className="inline-block align-middle text-blue-600"
-        >
-          <path
-            d="M322.7,128.4L423,233.4c6,5.8,9,13.7,9,22.4c0,8.7-3,16.5-9,22.4L322.7,383.6c-11.9,12.5-31.3,12.5-43.2,0
-	c-11.9-12.5-11.9-32.7,0-45.2l48.2-50.4h-217C93.7,288,80,273.7,80,256c0-17.7,13.7-32,30.6-32h217l-48.2-50.4
-	c-11.9-12.5-11.9-32.7,0-45.2C291.4,115.9,310.7,115.9,322.7,128.4z"
-          />
-        </svg>
-      </span>
-      <div>{children}</div>
-    </li>
-  ),
 };
 
 export default function ({ children }) {

src/styles/main.css

@@ -48,17 +48,24 @@
   @apply text-base border-l-4 border-gray-300 pl-4 pr-4 text-gray-600;
 }
 
-.markdown ul,
+.markdown ul {
+  @apply pl-8 list-disc mb-6;
+}
 .markdown ol {
   @apply pl-4 mb-6;
 }
 
 .markdown ul ul {
-  @apply mt-1 pl-2 mb-0;
+  list-style-type: circle;
+  @apply mt-1 mb-0;
+}
+
+.markdown ul ul ul {
+  list-style-type: square;
 }
 
 .markdown ul > li {
-  @apply mb-3;
+  @apply mb-2;
 }
 
 .markdown ul > li:last-of-type {
@@ -70,7 +77,7 @@
 }
 
 .markdown ol > li {
-  @apply mb-3;
+  @apply mb-2;
 }
 
 .markdown ol > li:last-of-type {