From 1dacd2eabba9bbc23f7b1938d09b48b33017b61d Mon Sep 17 00:00:00 2001
From: Lorin Werthen <werthenlorin@gmail.com>
Date: Sun, 23 Apr 2017 15:47:44 +0200
Subject: [PATCH] lijntjeuh

---
 content/assets/stylesheets/includes/blogpost.scss | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/content/assets/stylesheets/includes/blogpost.scss b/content/assets/stylesheets/includes/blogpost.scss
index 9910734..c36b3c4 100644
--- a/content/assets/stylesheets/includes/blogpost.scss
+++ b/content/assets/stylesheets/includes/blogpost.scss
@@ -48,6 +48,13 @@ dl {
   }
 }
 
+@keyframes lineAnimation {
+  100% {
+    width: 80px;
+    opacity: 1;
+  }
+}
+
 .blog-heading {
   display: flex;
   flex-direction: column;
@@ -78,7 +85,8 @@ dl {
 
   &::after {
     content: '';
-    width: 80px;
+    opacity: 0;
+    width: 0px;
     height: 1px;
     margin-top: 30px;
     margin-right: auto;
@@ -86,6 +94,8 @@ dl {
     margin-bottom: 30px;
     display: block;
     background: $zeus-orange;
+
+    animation: lineAnimation 2s ease-in-out 1 normal forwards;
   }
 }