auto resize post thumbnail images (#509)

LouisBarranqueiro · Dec 16, 2018 · c0c5fa4 · c0c5fa4
1 parent 65bebd1
commit c0c5fa4
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/source/_css/components/_postShorten.scss b/source/_css/components/_postShorten.scss
@@ -148,9 +148,11 @@
             margin:   15px 0 15px 0;
 
             img {
-                width:  auto;
-                height: auto;
+                width:      100%;
+                height:     auto;
+                max-height: $post-bottom-thumbnail-image-max-height;
+                object-fit: cover;
             }
         }
     }
-}
+}
diff --git a/source/_css/utils/_variables.scss b/source/_css/utils/_variables.scss
@@ -244,6 +244,7 @@ $pagination-height: 60px;
 // Post thumbnail image
 // Width and height of post's thumbnail image
 $post-thumbnail-image-width: 140px;
+$post-bottom-thumbnail-image-max-height: 250px;
 
 // Tooltip
 $tooltip: (