add footnotes
[blog] / _sass / _type.scss
index 064846d9c03ffcefd934e5ba77bf2d025da2151f..290d1dbd673827467ece7ab6bd4e05fc41b87d1a 100644 (file)
@@ -88,6 +88,25 @@ blockquote {
 }
 
 
+// Markdown footnotes
+//
+// See the example content post for an example.
+
+// Footnote number within body text
+a[href^="#fn:"],
+// Back to footnote link
+a[href^="#fnref:"] {
+  display: inline-block;
+  margin-left: .1rem;
+  font-weight: bold;
+}
+
+// List of footnotes
+.footnotes {
+  margin-top: 2rem;
+  font-size: 85%;
+}
+
 // Custom type
 //
 // Extend paragraphs with `.lead` for larger introductory text.