From dc88321ed523840a531cd9443e1df7691036e255 Mon Sep 17 00:00:00 2001
From: Cotes Chung <11371340+cotes2020@users.noreply.github.com>
Date: Mon, 14 Dec 2020 15:00:21 +0800
Subject: [PATCH] Improve image style (#204)

---
 _layouts/post.html          | 4 ++--
 assets/css/_addon/main.scss | 4 ++--
 assets/css/post.scss        | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/_layouts/post.html b/_layouts/post.html
index 8d90401..435afc6 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -51,10 +51,10 @@ layout: default
       <div class="post-content">
         {%- capture img_placehodler -%}
           data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7
-        {% endcapture%}
+        {%- endcapture -%}
 
         {% if page.image %}
-          <img src="{{ img_placehodler }}" data-src="{{ page.image }}" class="post-preview-img">
+          <img src="{{ img_placehodler }}" data-src="{{ page.image }}" class="preview-img">
         {% endif %}
 
         <!-- Using lozad. See: <https://github.com/ApoorvSaxena/lozad.js#usage> -->
diff --git a/assets/css/_addon/main.scss b/assets/css/_addon/main.scss
index 26f69a5..f88615a 100644
--- a/assets/css/_addon/main.scss
+++ b/assets/css/_addon/main.scss
@@ -807,10 +807,10 @@ div.post-content .table-wrapper {
   word-wrap: break-word;
 
   @mixin img($caption: false) {
-    > img:not([style]) {
+    > img[data-src] {
       margin: 0.5rem 0;
 
-      &:not(.normal):not(.left):not(.right) {
+      &:not([class]) {
         @include align-center;
 
         @if $caption {
diff --git a/assets/css/post.scss b/assets/css/post.scss
index 53cb86e..774928f 100644
--- a/assets/css/post.scss
+++ b/assets/css/post.scss
@@ -43,7 +43,7 @@ $prompt-newer: "{{ site.data.label.post.button.next }}";
       margin: 1rem 0 0.8rem;
     }
   }
-  .post-preview-img {
+  .preview-img {
     margin-top: 0;
     margin-bottom: 2.5rem;
     @include align-center;