Make code in headers not giant
Ben Alpert committed
Jul 13, 2014 at 13:03 UTC
4a66260b2c36f267a31cd7610fc652cfa7db6f8f
1 file changed
+5
-3
docs/_css/react.scss
+5
-3
@@ -5,8 +5,8 @@
5
6
@mixin code-typography {
7
font-family: 'source-code-pro', Menlo, Consolas, 'Courier New', monospace;
8
- font-size: 13px;
9
- line-height: 20px;
8
+ font-size: 0.8em;
9
+ line-height: 1.5;
10
}
11
12
$skinnyContentWidth: 650px;
@@ -689,9 +689,11 @@ p code {
689
}
690
691
.highlight pre code {
692
+ /* Respect line-height defined in <code> styles above */
693
+ display: block;
694
+
695
/* Cancel out styles for `li code` in case we have a <pre> within an <li>. */
696
background: none;
694
- font-size: inherit;
697
padding: 0;
698
}
699