From 00773b01c328ccf53b128b9a91c28d71c91e56ec Mon Sep 17 00:00:00 2001
From: Bryant Fukushima <bmfukushima94@gmail.com>
Date: Tue, 21 Aug 2018 20:02:13 -0700
Subject: [PATCH] enlarge logo tiles hover effect

---
 docs/css/style.css | 24 +++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/docs/css/style.css b/docs/css/style.css
index c36f875..8c7de8b 100644
--- a/docs/css/style.css
+++ b/docs/css/style.css
@@ -73,6 +73,15 @@
   }
 }
 
+@keyframes logo-hover-scale {
+  from {
+    transform: scale(1);
+  }
+  to {
+    transform: scale(1.2);
+  }
+}
+
 @keyframes root-gradient {
   0% {
     opacity: 0;
@@ -239,6 +248,19 @@ main p:nth-child(4) {
   margin: var(--large-space) auto;
 }
 
+.logo:hover span:nth-child(2) {
+  animation: logo-hover-scale 0.125s ease-in;
+}
+.logo:hover span:nth-child(4) {
+  animation: logo-hover-scale 0.125s ease-in 0.125s;
+}
+.logo:hover span:nth-child(3) {
+  animation: logo-hover-scale 0.125s ease-in 0.25s;
+}
+.logo:hover span:nth-child(1) {
+  animation: logo-hover-scale 0.125s ease-in 0.375s;
+}
+
 .logo-image {
   display: block;
   width: 100%;
@@ -407,4 +429,4 @@ footer [href*="github"]:focus {
 
 .time-travel a {
   cursor: pointer;
-}
+}
\ No newline at end of file