From 584046e234137e1f9e36003d3330d47d11812c7b Mon Sep 17 00:00:00 2001
From: Lucas Larroche <lucas@larroche.com>
Date: Thu, 29 Dec 2022 17:44:09 +0700
Subject: [PATCH] style: Typography margins

---
 scss/content/_typography.scss    |  6 +++---
 scss/themes/default/_styles.scss | 12 ++++++------
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/scss/content/_typography.scss b/scss/content/_typography.scss
index 5fca389f..f98e9827 100644
--- a/scss/content/_typography.scss
+++ b/scss/content/_typography.scss
@@ -87,10 +87,10 @@
     #{$✨}color: var(#{$✨}h6-color);
   }
 
-  // Margin-top for headings after a typography block
-  :where(address, blockquote, dl, figure, form, ol, p, pre, table, ul) {
+  // Margin-top for headings after a block
+  :where(article, address, blockquote, dl, figure, form, ol, p, pre, table, ul) {
     ~ :is(h1, h2, h3, h4, h5, h6) {
-      margin-top: var(#{$✨}typography-spacing-vertical);
+      margin-top: var(#{$✨}typography-spacing-top);
     }
   }
 
diff --git a/scss/themes/default/_styles.scss b/scss/themes/default/_styles.scss
index 64c9b665..e94f770b 100644
--- a/scss/themes/default/_styles.scss
+++ b/scss/themes/default/_styles.scss
@@ -40,7 +40,7 @@
 
     // Spacings for typography elements
     @if map.get($modules, "content/typography") {
-      #{$✨}typography-spacing-vertical: 1.5rem;
+      #{$✨}typography-spacing-vertical: 1rem;
     }
 
     // Spacings for body > header, body > main, body > footer, section, article
@@ -191,27 +191,27 @@
 
     h1 {
       #{$✨}font-size: 2rem;
-      #{$✨}typography-spacing-vertical: 3rem;
+      #{$✨}typography-spacing-top: 3rem;
     }
 
     h2 {
       #{$✨}font-size: 1.75rem;
-      #{$✨}typography-spacing-vertical: 2.625rem;
+      #{$✨}typography-spacing-top: 2.625rem;
     }
 
     h3 {
       #{$✨}font-size: 1.5rem;
-      #{$✨}typography-spacing-vertical: 2.25rem;
+      #{$✨}typography-spacing-top: 2.25rem;
     }
 
     h4 {
       #{$✨}font-size: 1.25rem;
-      #{$✨}typography-spacing-vertical: 1.874rem;
+      #{$✨}typography-spacing-top: 1.874rem;
     }
 
     h5 {
       #{$✨}font-size: 1.125rem;
-      #{$✨}typography-spacing-vertical: 1.6875rem;
+      #{$✨}typography-spacing-top: 1.6875rem;
     }
   }