Update heading spacings

Reduce margins for lower level headings (h4-6) and reduce margins between adjacent h2/h3. This is because the gaps were too big between sections.
nice-digital · Jan 29, 2018 · 3c460d3 · 3c460d3
1 parent e488058
commit 3c460d3
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/src/stylesheets/typography/_typography-headings.scss b/src/stylesheets/typography/_typography-headings.scss
@@ -74,6 +74,12 @@ h1,
 h2,
 .h2 {
   @include h2;
+
+  // sass-lint:disable no-combinators
+  + h3,
+  + .h3 {
+    margin-top: 0;
+  }
 }
 
 h3,

diff --git a/src/stylesheets/typography/_typography-settings.scss b/src/stylesheets/typography/_typography-settings.scss
@@ -62,23 +62,23 @@ $font-sizes: (
     lh: 4 * 5,
     fw: 700,
     mb: $spacing-medium,
-    mt: $spacing-large
+    mt: $spacing-medium
   ),
   // h5
   3: (
     fs: 4 * 5,
     lh: 4 * 6,
     fw: 700,
     mb: $spacing-medium,
-    mt: $spacing-large
+    mt: $spacing-medium
   ),
   // h4
   4: (
     fs: 4 * 6,
     lh: 4 * 7,
     fw: 700,
     mb: $spacing-medium,
-    mt: $spacing-large
+    mt: $spacing-medium
   ),
   // h3
   5: (