Merge pull request #37 from influxdata/v2-layout

Fix font rendering and heading spacing

assets/styles/layouts/_layout-article.scss

@@ -29,13 +29,14 @@
   }
   h2 {
     font-size: 2rem;
-    margin: -1.5rem 0 .5rem;
+    margin: -1rem 0 .5rem;
     padding-top: 1.75rem;
   }
   h3 {
     font-size: 1.65rem;
-    margin: -1.5rem 0 .5rem;
+    margin: -1rem 0 .5rem;
     padding-top: 1.75rem;
+    color: $article-heading-alt;
   }
   h4 {
     font-size: 1.25rem;

assets/styles/layouts/_layout-global.scss

@@ -21,6 +21,8 @@ body {
   min-height: 100%;
   font-family: Roboto, sans-serif;
   background: $body-bg;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }
 
 * {

assets/styles/themes/_theme-dark.scss

@@ -33,6 +33,7 @@ $sidebar-search-highlight: $b-pool !default;
 // Article Content
 $article-bg: $g3-castle !default;
 $article-heading: $g19-ghost !default;
+$article-heading-alt: $g19-ghost !default;
 $article-text: $g14-chromium !default;
 $article-bold: $g18-cloud !default;
 $article-link: #2aa3ff !default;

assets/styles/themes/_theme-light.scss

@@ -32,6 +32,7 @@ $sidebar-search-highlight: $b-ocean;
 // Article Content
 $article-bg: $g20-white;
 $article-heading: $g7-graphite;
+$article-heading-alt: $g19-ghost;
 $article-text: $g8-storm;
 $article-bold: $g8-storm;
 $article-link: $b-ocean;