From 48f81e904a551574cdd012ae1aa38315b36c064d Mon Sep 17 00:00:00 2001
From: Jean-Philippe Sirois <jp@veksen.net>
Date: Fri, 24 Jul 2020 12:40:03 -0400
Subject: [PATCH] ui: improve headings typography

---
 src/components/Markdown/styles.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/Markdown/styles.tsx b/src/components/Markdown/styles.tsx
index e34e844..30f506c 100644
--- a/src/components/Markdown/styles.tsx
+++ b/src/components/Markdown/styles.tsx
@@ -7,11 +7,11 @@ import {
 } from "../../design/typography"
 
 function modularScaleCSS(power: number) {
-  const { fontSize, lineHeight } = modularScale(power)
+  const { fontSize } = modularScale(power)
 
   return css`
     font-size: ${fontSize}px;
-    line-height: ${lineHeight}px;
+    line-height: 1.4;
   `
 }
 
@@ -70,19 +70,19 @@ export const MarkdownWrapper = styled.div`
   }
 
   h2 + h3 {
-    margin-top: 0;
+    margin-top: ${BASE_LINE_HEIGHT}px;
   }
 
   h3 + h4 {
-    margin-top: 0;
+    margin-top: ${BASE_LINE_HEIGHT}px;
   }
 
   h4 + h5 {
-    margin-top: 0;
+    margin-top: ${BASE_LINE_HEIGHT}px;
   }
 
   h5 + h6 {
-    margin-top: 0;
+    margin-top: ${BASE_LINE_HEIGHT}px;
   }
 
   h2 ~ h2::before {