From ba0e1860fd129c53b07ff3f2f0c688bb25231cb5 Mon Sep 17 00:00:00 2001
From: Carlos Cuesta <carloscuesta@me.com>
Date: Tue, 8 Nov 2016 17:28:58 +0100
Subject: [PATCH] :art: Update styles

Add .emoji-visible class to display the random emoji instead of setting the styles via JS, created a .single-emoji-logo to set opacity to 0 by default instead of using # selectors.
---
 src/styles/style.scss | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/styles/style.scss b/src/styles/style.scss
index 9cac6bb..303694f 100644
--- a/src/styles/style.scss
+++ b/src/styles/style.scss
@@ -54,6 +54,10 @@ section {
 	}
 }
 
+.single-emoji-logo {
+	opacity: 0;
+}
+
 .emoji-container {
 	background-color: #f5f5f5;
 }
@@ -147,6 +151,10 @@ main.wrap {
 		display: flex;
 		align-items: center;
 	}
+	
+	&-visible {
+		opacity: 1;
+	}
 }
 
 .icon {
@@ -209,10 +217,6 @@ main.wrap {
 	}
 }
 
-#joy, #loved, #haha, #sunglasses, #sexy, #tongue {
-	opacity: 0;
-}
-
 @keyframes zomg {
   0%, 100% { color: #7ccdea;}
   16%      { color: #0074D9;}