From 2d641f300878afc31f89ff014959c1fd36ffffd5 Mon Sep 17 00:00:00 2001
From: Badri Sunderarajan <badrihippo@gmail.com>
Date: Sun, 15 Mar 2020 15:27:30 +0530
Subject: [PATCH] Style scissors separator

---
 src/templates/GhostPost.vue | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/src/templates/GhostPost.vue b/src/templates/GhostPost.vue
index f3c93ba..88e0a12 100644
--- a/src/templates/GhostPost.vue
+++ b/src/templates/GhostPost.vue
@@ -52,6 +52,22 @@
   </Layout>
 </template>
 
+<style type="text/css">
+.post-full-content hr {
+  border: 0;
+  height: 3rem;
+  display: block;
+  background-image: url(https://media.snipettemag.com/manual-uploads/snip-grey-small.png);
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: 50%;
+}
+
+.post-full-content hr::after {
+  display: none;
+}
+</style>
+
 <script>
 import Admin from "../../data/admin.yml";
 import Navbar from "../components/Navbar";
@@ -119,6 +135,7 @@ export default {
   }
 };
 </script>
+
 <page-query>
   query Post ($path: String!) {
     post: ghostPost (path: $path) {