Improve image style (#204)

cotes2020 · Dec 14, 2020 · eb76d43 · eb76d43
1 parent c9a2ee3
commit eb76d43
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/_layouts/post.html b/_layouts/post.html
@@ -51,10 +51,10 @@ <h1 data-toc-skip>{{ page.title }}</h1>
       <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
@@ -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
@@ -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;