Improves block spacing

1 files changed, 20 insertions, 5 deletions

diff --git a/public/css/base/typography.css b/public/css/base/typography.css
index 9c53748..3ccac74 100644
--- a/public/css/base/typography.css
+++ b/public/css/base/typography.css
@@ -10,32 +10,47 @@ h1 {
   font-size: var(--font-size-5);
 }
 
+h1:not(:first-child) {
+  margin-block-start: var(--margin-block-lg);
+}
+
 h2 {
   font-size: var(--font-size-4);
 }
 
+h2:not(:first-child) {
+  margin-block-start: var(--margin-block-lg);
+}
+
 h3 {
   font-size: var(--font-size-3);
 }
 
+h3:not(:first-child) {
+  margin-block-start: var(--margin-block-md);
+}
+
 h4 {
   font-size: var(--font-size-2);
 }
 
+h4:not(:first-child) {
+  margin-block-start: var(--margin-block-sm);
+}
+
 h1,
 h2,
 h3,
 h4 {
   font-family: var(--font-serif);
   font-weight: 700;
-  margin-block-start: var(--spacing-block-lg);
 }
 
 .title {
   font-family: var(--font-serif);
   font-size: var(--font-size-6);
   font-weight: 700;
-  margin-block-start: var(--spacing-block-sm);
+  margin-block-start: var(--margin-block-sm);
 }
 
 .title--small {
@@ -43,6 +58,6 @@ h4 {
   margin-block-start: 0;
 }
 
-p:not(:first) {
-  margin-block-start: var(--spacing-block-md);
-}
\ No newline at end of file
+p:not(:first-child) {
+  margin-block-start: var(--margin-block-sm);
+}