From 9f8b6642e08a2d602d57e97ed63bb3952e9725c2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Peixoto?=
 <34691925+jdiogopeixoto@users.noreply.github.com>
Date: Tue, 16 Mar 2021 19:47:28 +0000
Subject: [PATCH] fix: center images inside blog posts (#88)

---
 .../theme/styles/components/typography.css        | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/.vuepress/theme/styles/components/typography.css b/src/.vuepress/theme/styles/components/typography.css
index 70393472..947acd14 100644
--- a/src/.vuepress/theme/styles/components/typography.css
+++ b/src/.vuepress/theme/styles/components/typography.css
@@ -1,30 +1,38 @@
 /* apply custom rich type formatting */
 .type-rich {
   @apply text-primary;
+
   > * + * {
     margin-top: 1.5em;
   }
+
   li + li {
     margin-top: 1em;
   }
+
   b,
   strong {
     @apply font-bold;
   }
+
   i,
   em {
     @apply italic;
   }
+
   ul {
     @apply list-disc;
   }
+
   ol {
     @apply list-decimal;
   }
+
   ul,
   ol {
     @apply pl-5;
   }
+
   li > ul,
   li > ol {
     @apply pt-5;
@@ -39,10 +47,12 @@
       @apply bg-gradient-5 h-full left-0 absolute;
     }
   }
+
   a {
     @apply transition duration-200;
     @apply text-blueGreen;
   }
+
   a.header-anchor {
     font-size: 0.85em;
     margin-left: -0.87em;
@@ -54,6 +64,7 @@
   a.header-anchor:hover {
     @apply underline;
   }
+
   h1:hover .header-anchor,
   h2:hover .header-anchor,
   h3:hover .header-anchor,
@@ -62,4 +73,8 @@
   h6:hover .header-anchor {
     @apply opacity-100;
   }
+
+  img {
+    margin: 0 auto;
+  }
 }