From 618d34c4a462bbd72a0ba493e85ad7133fc1f2c2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.com>
Date: Fri, 14 Dec 2018 14:45:51 -0500
Subject: [PATCH] Move transition to the whole element

---
 agaric/sass/agaric/_component.hero.scss | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/agaric/sass/agaric/_component.hero.scss b/agaric/sass/agaric/_component.hero.scss
index d9f3113..1206c3d 100644
--- a/agaric/sass/agaric/_component.hero.scss
+++ b/agaric/sass/agaric/_component.hero.scss
@@ -40,6 +40,11 @@
 .hero.is-blue {
   color: $white;
   background-color: $blue;
+  -moz-transition: all .2s linear;
+  -webkit-transition: all .2s linear;
+  -ms-transition: all .2s linear;
+  -o-transition: all .2s linear;
+  transition: all .2s linear;
   // This is the same as we do for all cards at sass/agaric/_component.card.scss
   // but we're only doing this for people so far, who are hard-coded to blue.
   & > .container > .hero-image > .hero-image-shadow {
@@ -54,11 +59,6 @@
     left: 0;
     right: 0;
     box-shadow: inset 0 0 0 100vmax rgba($blue, .5);
-    -moz-transition: all .3s linear;
-    -webkit-transition: all .3s linear;
-    -ms-transition: all .3s linear;
-    -o-transition: all .3s linear;
-    transition: all .3s linear;
   }
   &:hover {
     color: $white;