fix styling to improve heading spacing fixes microsoft#102036 (microsoft#102427)

jasonwilliams · web-flow · commit b8e773ebed44 · 2020-07-13T17:40:38.000-07:00
* updating styling to make headings look better

* be consistent and use em
diff --git a/extensions/markdown-language-features/media/markdown.css b/extensions/markdown-language-features/media/markdown.css
@@ -11,6 +11,22 @@ html, body {
 	word-wrap: break-word;
 }
 
+body {
+	padding-top: 1em;
+}
+
+/* Reset margin top for elements */
+h1, h2, h3, h4, h5, h6,
+p, ol, ul, pre {
+	margin-top: 0;
+}
+
+h2, h3, h4, h5, h6 {
+  font-weight: normal;
+  margin-bottom: 0.2em;
+}
+  
+
 #code-csp-warning {
 	position: fixed;
 	top: 0;
@@ -112,6 +128,20 @@ textarea:focus {
 	outline-offset: -1px;
 }
 
+p {
+	margin-bottom: 1.5em;
+}
+  
+/* don't space 2 paragraphs too far apart */
+p + p {
+	margin-top: -0.8em;
+}
+
+ul,
+ol {
+	margin-bottom: 1.5em;
+}
+
 hr {
 	border: 0;
 	height: 2px;
@@ -123,10 +153,8 @@ h1 {
 	line-height: 1.2;
 	border-bottom-width: 1px;
 	border-bottom-style: solid;
-}
-
-h1, h2, h3 {
 	font-weight: normal;
+	margin-bottom: 1.5em;
 }
 
 table {
