From 30ffe4f9e1a5a1ddc3c136528b621722709314e3 Mon Sep 17 00:00:00 2001
From: xdrm-brackets <doowap31@gmail.com>
Date: Wed, 14 Mar 2018 12:50:58 +0100
Subject: [PATCH] [scss.layout] loading opacity animation

---
 webpack/scss/layout.scss | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/webpack/scss/layout.scss b/webpack/scss/layout.scss
index 61417f2..c84b592 100644
--- a/webpack/scss/layout.scss
+++ b/webpack/scss/layout.scss
@@ -19,6 +19,11 @@ body{
 
 	&.loading{
 
+		@keyframes fadein{
+			from{ opacity: 0; }
+			to{   opacity: 1; }
+		}
+
 		background: #dee6ec;
 
 		&:after{
@@ -32,9 +37,13 @@ body{
 			color: #333;
 			font-size: 4vw;
 
+			opacity: 0;
+
 			text-shadow: 2px 2px 0 #fff;
 
 			transform: translateX(-50%) translateY(-50%);
+
+			animation: fadein 1s ease-in-out alternate infinite;
 		}
 
 	}