From c255ea209ad3d510fd041750f7309c585b9edae9 Mon Sep 17 00:00:00 2001
From: cupcakearmy <hi@nicco.io>
Date: Tue, 29 Dec 2020 20:57:04 +0100
Subject: [PATCH] styling for without image

---
 src/components/PostPreview.svelte | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/PostPreview.svelte b/src/components/PostPreview.svelte
index caab91d..9c6fdc2 100644
--- a/src/components/PostPreview.svelte
+++ b/src/components/PostPreview.svelte
@@ -8,7 +8,7 @@
 <style>
   a {
     display: block;
-    margin-bottom: 6em;
+    margin-bottom: 5em;
   }
   a > :global(img) {
     height: 12em;
@@ -33,9 +33,16 @@
   a:hover > :global(div) {
     opacity: 0;
   }
+
+  a.without {
+    border: 2px solid var(--clr-primary);
+    padding: 5%;
+    width: calc(100% + 10%);
+    transform: translateX(-5%);
+  }
 </style>
 
-<a href={`blog/${post.slug}`}>
+<a href={`blog/${post.slug}`} class:without={!post.featured}>
   {#if post.featured}
     <ImageFrame src={post.featured.url} alt={post.featured.description} />
   {/if}