From 5b25e2090a488f54f98bf60c50ebfdb42b2b49be Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Sun, 13 May 2018 00:42:25 +0200
Subject: [PATCH] animation tweaks

---
 src/components/organisms/Header.scss | 6 ------
 src/layouts/index.scss               | 4 ++--
 2 files changed, 2 insertions(+), 8 deletions(-)

diff --git a/src/components/organisms/Header.scss b/src/components/organisms/Header.scss
index d2af287..4d03dfc 100644
--- a/src/components/organisms/Header.scss
+++ b/src/components/organisms/Header.scss
@@ -93,14 +93,8 @@
 
         &:hover,
         &:focus {
-            .header__title,
-            .header__description {
-                transition: color .2s ease-out;
-            }
-
             .header__logo {
                 opacity: 1;
-                transition: opacity .2s ease-out;
             }
 
             .header__title {
diff --git a/src/layouts/index.scss b/src/layouts/index.scss
index a1175fd..500e7bc 100644
--- a/src/layouts/index.scss
+++ b/src/layouts/index.scss
@@ -19,6 +19,7 @@ html {
 }
 
 body {
+    background: $body-background-color;
     font-family: $font-family-base;
     font-weight: $font-weight-base;
     font-size: $font-size-base;
@@ -95,7 +96,6 @@ a {
     }
 }
 
-
 // Media
 /////////////////////////////////////
 
@@ -112,7 +112,7 @@ svg {
     min-height: 100vh;
     flex-direction: column;
     background: $body-background-color;
-    transition: .6s $easing;
+    transition: background .6s $easing;
 
     .dark & {
         background: $body-background-color--dark;