Adds styling for footnote references

contents/style.scss

@@ -98,8 +98,6 @@ code {
 
   p:first-of-type {
     font-size: 18px;
-    padding-bottom: 10px;
-    border-bottom: 2px solid #eee;
   }
 
   h1 {
@@ -110,6 +108,10 @@ code {
     span {
       color: #d6156d;
     }
+
+    &.section {
+      margin-top: 20px;
+    }
   }
 
   h2 {
@@ -118,4 +120,27 @@ code {
     letter-spacing: 0.5px;
     text-transform: uppercase;
   }
+
+  hr {
+    border-top: 1px solid #eee;
+    margin: 10px 0px;
+  }
+
+  ul {
+    font-size: 12px;
+    list-style-type: none;
+
+    li {
+      margin: 0px;
+
+      span:target {
+        background-color: #f9f9f9;
+        color: #222;
+      }
+
+      &:last-of-type {
+        margin-top: 6px;
+      }
+    }
+  }
 }

templates/code.jade

@@ -10,7 +10,7 @@ block contents
       h1 #[span !{code}] !{title}
       != contents
       if references
-        h1 #[span !{code}] Code References
+        h1.section #[span !{code}] Code References
         each value, key in references
           p !{key} #[code !{value}]
       a(href='/') ← Return to httpstatuses.com