feat: twemoji + headers fix

client/themes/default/scss/app.scss

@@ -69,6 +69,7 @@
     padding: 8px 0 0 0;
     color: mc('grey', '800');
     position: relative;
+    margin-top: 1rem;
 
     @at-root .theme--dark & {
       color: mc('grey', '500');
@@ -134,6 +135,11 @@
     }
   }
 
+  .emoji {
+    height: 1.25em;
+    margin: 0 1px -4px;
+  }
+
   blockquote {
     padding: 0 0 1rem 0;
     border: 1px solid mc('blue', '500');
@@ -214,6 +220,30 @@
     }
   }
 
+  // ---------------------------------
+  // LISTS
+  // ---------------------------------
+
+  ol, ul {
+    padding: 1rem 24px 0 24px;
+    list-style-position: inside;
+
+    li + li {
+      margin-top: .5rem;
+    }
+  }
+
+  ul {
+    list-style: none;
+
+    > li::before {
+      content: '\25b8';
+      color: mc('grey', '600');
+      display: inline-block;
+      width: 1.35rem;
+    }
+  }
+
   // ---------------------------------
   // CODE
   // ---------------------------------
@@ -232,15 +262,6 @@
     }
   }
 
-  ol, ul {
-    padding: 1rem 24px 0 24px;
-    list-style-position: inside;
-
-    li + li {
-      margin-top: .5rem;
-    }
-  }
-
   .prismjs{
     border: none;
     border-radius: 5px;