From 25771bec3b4f0aedf3c869e219fca4dbafb60472 Mon Sep 17 00:00:00 2001
From: daudix <ddaudix@gmail.com>
Date: Sat, 12 Oct 2024 03:23:19 +0300
Subject: [PATCH] Remove top/bottom margin from the first/last element in
 `<aside>`

---
 CHANGELOG.md          | 1 +
 content/demo/index.md | 3 +++
 sass/_typography.scss | 8 ++++++++
 3 files changed, 12 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8572bd5..e4cb320 100644
--- a/CHANGELOG.md
+++ b/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).
 
diff --git a/content/demo/index.md b/content/demo/index.md
index 838cd94..3a38f58 100644
--- a/content/demo/index.md
+++ b/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>
 
diff --git a/sass/_typography.scss b/sass/_typography.scss
index 5463bcf..f2413b2 100644
--- a/sass/_typography.scss
+++ b/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 {