css: Add styling for footnotes

The upcoming post is the first one to include footnotes. This commit
adds a bit of styling for them.

The footnotes block at the end of the post is a bit too prominent
compared to the rest of the post. Use a smaller font size to make it
stand out less. Footnote references in the text are anchors and
therefore underlined by default. Remove any text decoration from them
and make them easier on the eyes.

1 files changed, 9 insertions, 0 deletions

diff --git a/scss/style.scss b/scss/style.scss
index 90bd606..0e40008 100644
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -139,4 +139,13 @@ article {
 	}
 
 	ul { list-style: square; }
+
+	.footnotes {
+		font-size: smaller;
+	}
+
+	sup > a {
+		text-decoration: none;
+		font-weight: bold;
+	}
 }