increase margin for headings

scroll-tech · Aug 11, 2023 · da27e3b · da27e3b
1 parent a460551
commit da27e3b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/components/PageContent/PageContent.astro b/src/components/PageContent/PageContent.astro
@@ -47,8 +47,6 @@ const whatsNext = content.whatsnext
 
   .content :global(h2) {
     font-weight: 500;
-    margin-top: 30px;
-    margin-bottom: 20px;
   }
 
   @media (min-width: 50em) {
@@ -57,7 +55,10 @@ const whatsNext = content.whatsnext
     }
     .content :global(h2) {
       font-weight: 600;
-      margin-top: 100px;
+      padding-top: 16px;
+    }
+    .content :global(h2:first-of-type) {
+      padding-top: 0;
     }
     .content :global(a) {
       font-weight: 600;

diff --git a/src/styles/index.css b/src/styles/index.css
@@ -43,6 +43,7 @@ nav ul {
 .content :is(ul, ol) {
   line-height: 1.25em;
   margin-bottom: 0.7em;
+  margin-bottom: 16px;
 }
 
 .content :is(ul, ol) > li > :is(ul, ol) {
@@ -126,8 +127,8 @@ article > section iframe {
 
 .main-section :is(h2, h3, h4) {
   /* Override styles from design-system */
-  margin-top: 40px;
-  margin-bottom: 40px;
+  margin-top: 36px;
+  margin-bottom: 24px;
   max-width: 100%;
 }