From 4a66260b2c36f267a31cd7610fc652cfa7db6f8f Mon Sep 17 00:00:00 2001
From: Ben Alpert <spicyjalapeno@gmail.com>
Date: Sun, 13 Jul 2014 13:03:12 -0700
Subject: [PATCH] Make code in headers not giant

---
 docs/_css/react.scss | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/docs/_css/react.scss b/docs/_css/react.scss
index e827ecaab9..6bfe5c86a2 100644
--- a/docs/_css/react.scss
+++ b/docs/_css/react.scss
@@ -5,8 +5,8 @@
 
 @mixin code-typography {
   font-family: 'source-code-pro', Menlo, Consolas, 'Courier New', monospace;
-  font-size: 13px;
-  line-height: 20px;
+  font-size: 0.8em;
+  line-height: 1.5;
 }
 
 $skinnyContentWidth: 650px;
@@ -689,9 +689,11 @@ p code {
 }
 
 .highlight pre code {
+  /* Respect line-height defined in <code> styles above */
+  display: block;
+
   /* Cancel out styles for `li code` in case we have a <pre> within an <li>. */
   background: none;
-  font-size: inherit;
   padding: 0;
 }