Style webmention comments

assets/style/main.sass

@@ -122,6 +122,65 @@ h6, .content h6
 .site-description
   background-color: $white-ter
 
+#webmentions
+  .comments
+    max-height: 20em
+    overflow-x: hidden
+    overflow-y: scroll
+    font-size: 80%
+
+    li
+      .text
+        color: #555
+        font-style: italic
+        text-decoration: none
+
+      .name
+        color: #111
+
+  h2
+    font-size: medium
+    margin: 0
+    padding: 0.5em
+
+    &:first-child
+      border-top-left-radius: 0.5em
+      border-top-right-radius: 0.5em
+
+  .reacts img
+    margin: 3px -1ex 1px 0
+    vertical-align: baseline
+
+  ul
+    list-style-type: none
+    margin: 0
+    padding: 4px
+
+  li
+    text-indent: -3em
+    padding-left: 3em
+    padding-bottom: 0.5em
+
+  a.reaction
+    position: relative
+
+    margin-right: 0
+    margin-right: 1ex
+
+    text-decoration: none
+    text-shadow: 0px 0px 3px white
+
+    img
+      max-height: 2em
+      margin-right: -1ex
+      border-radius: 3px
+
+    sub
+      font-size: 50%
+
+  .reacts a.reaction
+    display: inline-block
+
 .toc
   @extend .panel
   @extend .is-size-7