style: remove extra bottom margin in figures during develop (#11683)

gatsbyjs · Feb 12, 2019 · 38a5af7 · 38a5af7
1 parent 6e75f5c
commit 38a5af7
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/www/src/utils/typography.js b/www/src/utils/typography.js
@@ -261,11 +261,14 @@ const _options = {
         fontSize: `102%`,
         color: colors.gatsby,
       },
+      ".post-body figure img": {
+        marginBottom: 0,
+      },
       ".post-body figcaption": {
         color: colors.gray.calm,
         fontFamily: headerFontFamily.join(`,`),
         fontSize: `87.5%`,
-        marginTop: rhythm(1 / 2),
+        marginTop: rhythm(1 / 4),
       },
       ".main-body a:hover": {
         background: colors.ui.bright,