From 8433a52774677cf1ecabac9166964b29ec64b172 Mon Sep 17 00:00:00 2001
From: Stefan Malzner <stefan@adlk.io>
Date: Fri, 10 Nov 2017 16:25:59 +0100
Subject: replace :hover animation by a more decent :active effect

---
 src/styles/layout.scss | 5 +----
 src/styles/tabs.scss   | 5 ++---
 2 files changed, 3 insertions(+), 7 deletions(-)

(limited to 'src/styles')

diff --git a/src/styles/layout.scss b/src/styles/layout.scss
index 9f32bf2c4..b35ab2a7b 100644
--- a/src/styles/layout.scss
+++ b/src/styles/layout.scss
@@ -59,16 +59,13 @@ html {
     font-size: 24px;
     position: relative;
     color: $theme-gray-light;
-    transition: color 0.25s, transform 0.25s;
 
     &:hover {
-      transform: scale(1.15);
       color: darken($theme-gray-light, 10%);
     }
 
     &:active {
-      transition: transform 0.1s;
-      transform: scale(1);
+      color: lighten($theme-gray-light, 10%);
     }
 
     &.is-muted {
diff --git a/src/styles/tabs.scss b/src/styles/tabs.scss
index 9b13df1f0..7d8c63ba3 100644
--- a/src/styles/tabs.scss
+++ b/src/styles/tabs.scss
@@ -47,16 +47,15 @@
     }
   }
 
-  &:hover {
+  &:active {
     .tab-item__icon {
-      transform: scale(1.1);
+      opacity: 0.7;
     }
   }
 
   .tab-item__icon {
     width: 30px;
     height: auto;
-    transition: transform 0.25s;
   }
 
   .tab-item__message-count {
-- 
cgit v1.2.3-70-g09d2