Space code blocks from the paragraph that follows

Bulma gives a pre a bottom margin only when it is not the last child of
its parent. Rouge wraps every fenced block in two divs with the pre as
the only child, so the margin never applied and a code block sat flush
against the next paragraph, while the paragraph before it kept its own
margin above the block. The wrapper now takes the 1em Bulma meant for
the pre, so both sides match.

Author: martinfrancois

assets/main.scss

@@ -600,6 +600,14 @@ article {
     }
 }
 
+// Bulma spaces a pre from what follows it, but only when it is not the last
+// child. Rouge wraps every fenced block in two divs with the pre as the only
+// child, so that rule never fires and a code block sits flush against the
+// next paragraph. The wrapper takes the space Bulma meant for the pre.
+.content .highlighter-rouge:not(:last-child) {
+    margin-bottom: 1em;
+}
+
 .copyright {
     border-top: 1px #848B89 solid;
     text-align: center;