From 7e69afd20264892148b7c4ccfb47624c89cb5560 Mon Sep 17 00:00:00 2001
From: Joachim Nielandt <joachim.nielandt@ugent.be>
Date: Sun, 25 Mar 2018 20:27:44 +0200
Subject: [PATCH] Added color transition to topname

---
 src/app/components/root/root.component.scss | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/app/components/root/root.component.scss b/src/app/components/root/root.component.scss
index fd32f77..baa489f 100644
--- a/src/app/components/root/root.component.scss
+++ b/src/app/components/root/root.component.scss
@@ -15,12 +15,14 @@
   margin-top: 25px;
   padding-bottom: 9px;
   font-size: 80%;
-  transition: font-size 0.15s ease;
+  color: lighten(black, 90%);
+  transition: font-size 0.15s ease, color 0.15s;
 }
 
 #topname.active {
   font-size: 100%;
-  transition: font-size 0.15s ease;
+  color: black;
+  transition: font-size 0.40s ease, color 0.15s;
 }
 
 #topname #first {