From a8afade7ba2f1f6f361d6f302c6fc3e8a6d3c862 Mon Sep 17 00:00:00 2001
From: Pablo Vazquez <venomgfx@gmail.com>
Date: Fri, 4 Nov 2016 12:37:43 +0100
Subject: [PATCH] Utils animation

---
 src/styles/_app_base.sass  | 15 +++++++++++++++
 src/styles/_app_utils.sass | 19 +++++++++++++++++++
 2 files changed, 34 insertions(+)

diff --git a/src/styles/_app_base.sass b/src/styles/_app_base.sass
index 3de21e8..3aabec1 100644
--- a/src/styles/_app_base.sass
+++ b/src/styles/_app_base.sass
@@ -81,6 +81,21 @@ body
 	background-color: white
 	border-bottom: thin solid $color-background
 
+	&.empty
+		padding: 15px
+		justify-content: center
+		span
+			cursor: default
+			text-align: center
+			color: $color-text-dark-secondary
+			i
+				margin-right: 5px
+				display: inline-block
+				transform-origin: 50% 60%
+
+		&:hover span i
+			+animation-wiggle
+
 .col-splitter
 	flex: 0 0 auto
 	width: 8px
diff --git a/src/styles/_app_utils.sass b/src/styles/_app_utils.sass
index fa20716..3af79f6 100644
--- a/src/styles/_app_utils.sass
+++ b/src/styles/_app_utils.sass
@@ -198,6 +198,15 @@
 		fill-mode: forwards
 		iteration-count: infinite
 
+=animation-wiggle
+	animation:
+		name: wiggle
+		duration: 1s
+		delay: 0s
+		fill-mode: forwards
+		iteration-count: infinite
+		timing-function: linear
+
 .spin
 	+spin
 	&:before, &:after
@@ -209,6 +218,16 @@
 	to
 		transform: rotate(360deg)
 
+@keyframes wiggle
+	0
+		transform: rotate(0deg)
+	25%
+		transform: rotate(25deg)
+	75%
+		transform: rotate(-25deg)
+	100%
+		transform: rotate(0deg)
+
 @keyframes pulse
 	0
 		opacity: 1