Remove top/bottom margin from the first/last element in <aside>

CHANGELOG.md

@@ -14,6 +14,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Changed
 
+- Remove top/bottom margin from the first/last element in `<aside>`.
 - Rename `show_read_time` to `show_reading_time`.
 - Use Zola's built-in reading time variable instead of the custom implementation (#102).
 

content/demo/index.md

@@ -521,12 +521,15 @@ The <abbr title="American Standard Code for Information Interchange">ASCII</abbr
 
 ```html
 <aside>
+
 -> Contents here <-
 </aside>
 ```
 
 <aside>
+
 Quill and a parchment
+
 <img class="transparent no-hover" style="margin-block-end: 0; border-radius: 0;" alt="Quill and a parchment" src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b9/%D7%A7%D7%9C%D7%A3%2C_%D7%A0%D7%95%D7%A6%D7%94_%D7%95%D7%93%D7%99%D7%95.jpg/326px-%D7%A7%D7%9C%D7%A3%2C_%D7%A0%D7%95%D7%A6%D7%94_%D7%95%D7%93%D7%99%D7%95.jpg" />
 </aside>
 

sass/_typography.scss

@@ -215,6 +215,14 @@ aside {
 		margin-inline-start: 0;
 		width: 100%;
 	}
+
+	:first-child {
+		margin-block-start: 0;
+	}
+
+	:last-child {
+		margin-block-end: 0;
+	}
 }
 
 details {