aboutsummaryrefslogtreecommitdiffstats
path: root/src/styles
diff options
context:
space:
mode:
Diffstat (limited to 'src/styles')
-rw-r--r--src/styles/layout.scss5
-rw-r--r--src/styles/tabs.scss5
2 files changed, 3 insertions, 7 deletions
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 {
59 font-size: 24px; 59 font-size: 24px;
60 position: relative; 60 position: relative;
61 color: $theme-gray-light; 61 color: $theme-gray-light;
62 transition: color 0.25s, transform 0.25s;
63 62
64 &:hover { 63 &:hover {
65 transform: scale(1.15);
66 color: darken($theme-gray-light, 10%); 64 color: darken($theme-gray-light, 10%);
67 } 65 }
68 66
69 &:active { 67 &:active {
70 transition: transform 0.1s; 68 color: lighten($theme-gray-light, 10%);
71 transform: scale(1);
72 } 69 }
73 70
74 &.is-muted { 71 &.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 @@
47 } 47 }
48 } 48 }
49 49
50 &:hover { 50 &:active {
51 .tab-item__icon { 51 .tab-item__icon {
52 transform: scale(1.1); 52 opacity: 0.7;
53 } 53 }
54 } 54 }
55 55
56 .tab-item__icon { 56 .tab-item__icon {
57 width: 30px; 57 width: 30px;
58 height: auto; 58 height: auto;
59 transition: transform 0.25s;
60 } 59 }
61 60
62 .tab-item__message-count { 61 .tab-item__message-count {