Improve image style (#204)

_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> -->

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 {

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;