Heading code styles

Author: bradlc

src/styles.js

@@ -180,6 +180,20 @@ module.exports = {
           paddingBottom: em(4, 14),
           paddingLeft: em(6, 14),
         },
+        'h2 code': {
+          fontSize: em(21, 24),
+          paddingTop: em(4, 21),
+          paddingRight: em(6, 21),
+          paddingBottom: em(4, 21),
+          paddingLeft: em(6, 21),
+        },
+        'h3 code': {
+          fontSize: em(18, 20),
+          paddingTop: em(3, 18),
+          paddingRight: em(5, 18),
+          paddingBottom: em(3, 18),
+          paddingLeft: em(5, 18),
+        },
         pre: {
           fontSize: em(14, 16),
           lineHeight: round(24 / 14),
@@ -327,6 +341,20 @@ module.exports = {
         paddingBottom: em(2, 12),
         paddingLeft: em(4, 12),
       },
+      'h2 code': {
+        fontSize: em(18, 20),
+        paddingTop: em(3, 18),
+        paddingRight: em(6, 18),
+        paddingBottom: em(3, 18),
+        paddingLeft: em(6, 18),
+      },
+      'h3 code': {
+        fontSize: em(16, 18),
+        paddingTop: em(3, 16),
+        paddingRight: em(4, 16),
+        paddingBottom: em(3, 16),
+        paddingLeft: em(4, 16),
+      },
       pre: {
         fontSize: em(12, 14),
         lineHeight: round(20 / 12),
@@ -473,6 +501,20 @@ module.exports = {
         paddingBottom: rem(4),
         paddingLeft: rem(6),
       },
+      'h2 code': {
+        fontSize: em(26, 30),
+        paddingTop: em(4, 26),
+        paddingRight: em(6, 26),
+        paddingBottom: em(4, 26),
+        paddingLeft: em(6, 26),
+      },
+      'h3 code': {
+        fontSize: em(21, 24),
+        paddingTop: em(4, 21),
+        paddingRight: em(6, 21),
+        paddingBottom: em(4, 21),
+        paddingLeft: em(6, 21),
+      },
       pre: {
         fontSize: em(16, 18),
         lineHeight: round(28 / 16),
@@ -620,12 +662,14 @@ module.exports = {
         paddingLeft: em(6, 18),
       },
       'h2 code': {
-        paddingTop: em(6, 32.4),
-        paddingRight: em(8, 32.4),
-        paddingBottom: em(6, 32.4),
-        paddingLeft: em(8, 32.4),
+        fontSize: em(31, 36),
+        paddingTop: em(4, 31),
+        paddingRight: em(6, 31),
+        paddingBottom: em(4, 31),
+        paddingLeft: em(6, 31),
       },
       'h3 code': {
+        fontSize: em(27, 30),
         paddingTop: em(4, 27),
         paddingRight: em(6, 27),
         paddingBottom: em(4, 27),
@@ -778,16 +822,18 @@ module.exports = {
         paddingLeft: em(8, 20),
       },
       'h2 code': {
-        paddingTop: em(6, 40),
-        paddingRight: em(8, 40),
-        paddingBottom: em(6, 40),
-        paddingLeft: em(8, 40),
+        fontSize: em(42, 48),
+        paddingTop: em(6, 42),
+        paddingRight: em(8, 42),
+        paddingBottom: em(6, 42),
+        paddingLeft: em(8, 42),
       },
       'h3 code': {
-        paddingTop: em(4, 30),
-        paddingRight: em(6, 30),
-        paddingBottom: em(4, 30),
-        paddingLeft: em(6, 30),
+        fontSize: em(32, 36),
+        paddingTop: em(4, 32),
+        paddingRight: em(6, 32),
+        paddingBottom: em(4, 32),
+        paddingLeft: em(6, 32),
       },
       pre: {
         fontSize: em(20, 24),