fix(css): inline image being too lage

Former-commit-id: 2a95a3f66851970668c370903f9f78d35b621cc8

1 files changed, 10 insertions, 1 deletions

diff --git a/assets/css/_markdown.scss b/assets/css/_markdown.scss
index 50a83c9d..0b57aca2 100644
--- a/assets/css/_markdown.scss
+++ b/assets/css/_markdown.scss
@@ -18,12 +18,21 @@ $block-background-color: var(--block-background-color);
       text-emphasis-position: under;
   }
 
-  img {
+  img:not(p > img) {
     max-width: 100%;
     display: block;
     margin: 1rem auto;
   }
 
+  p > img {
+    width: 1.5rem;
+    height: auto;
+    transition: transform .1s;
+    &:hover {
+      transform: scale(1.2)
+    }
+  }
+
   ul {
     list-style-type: square;
   }