From 47124d4ce8b764dbde3a839cb2db3cea2ed3673d Mon Sep 17 00:00:00 2001
From: OldHawk <taobataoma@gmail.com>
Date: Thu, 26 Apr 2018 16:51:36 +0800
Subject: [PATCH] feat(home): update home page style

---
 modules/core/client/less/home.less | 50 +++++++++++++++---------------
 1 file changed, 25 insertions(+), 25 deletions(-)

diff --git a/modules/core/client/less/home.less b/modules/core/client/less/home.less
index 9f5f7bb6..f815f35d 100644
--- a/modules/core/client/less/home.less
+++ b/modules/core/client/less/home.less
@@ -128,19 +128,19 @@
             cursor: pointer;
             font-size: 50px;
             color: #fff;
-            transition: color .3s ease-in;
+            transition: color .2s ease-in;
             .fun-icon {
                 color: @mt-base-color;
-                transition: color .3s ease-in;
+                transition: color .2s ease-in;
             }
         }
         .fun-desc {
             font-size: 14px;
             color: #8a8a8a;
-            transition: color .3s ease-in;
+            transition: color .2s ease-in;
         }
         .fun-title {
-            transition: color .3s ease-in;
+            transition: color .2s ease-in;
         }
         &:hover {
             .fa-stack {
@@ -272,11 +272,11 @@
 .filter-search {
     position: relative;
     background-color: #2a2a2a;
-    background-color: rgba(42, 42, 42, .8);
-    transition: background-color .3s ease-in;
+    background-color: rgba(42, 42, 42, .85);
+    transition: background-color .2s ease-in;
     &:hover {
         background-color: #2a2a2a;
-        background-color: rgba(42, 42, 42, .9);
+        background-color: rgba(42, 42, 42, .95);
     }
 }
 
@@ -284,11 +284,11 @@
     position: relative;
     margin-top: 2px;
     background-color: @mt-body-background-color;
-    background-color: rgba(255, 255, 255, .8);
-    transition: background-color .3s ease-in;
+    background-color: rgba(255, 255, 255, .85);
+    transition: background-color .2s ease-in;
     &:hover {
         background-color: @mt-body-background-color;
-        background-color: rgba(255, 255, 255, .9);
+        background-color: rgba(255, 255, 255, .95);
     }
 }
 
@@ -296,11 +296,11 @@
     position: relative;
     margin-top: 2px;
     background-color: @mt-body-background-color;
-    background-color: rgba(255, 255, 255, .8);
-    transition: background-color .3s ease-in;
+    background-color: rgba(255, 255, 255, .85);
+    transition: background-color .2s ease-in;
     &:hover {
         background-color: @mt-body-background-color;
-        background-color: rgba(255, 255, 255, .9);
+        background-color: rgba(255, 255, 255, .95);
     }
 }
 
@@ -308,11 +308,11 @@
     position: relative;
     margin-top: 2px;
     background-color: @mt-body-background-color;
-    background-color: rgba(255, 255, 255, .8);
-    transition: background-color .3s ease-in;
+    background-color: rgba(255, 255, 255, .85);
+    transition: background-color .2s ease-in;
     &:hover {
         background-color: @mt-body-background-color;
-        background-color: rgba(255, 255, 255, .9);
+        background-color: rgba(255, 255, 255, .95);
     }
 }
 
@@ -324,11 +324,11 @@
     color: #aaa;
     text-shadow: 0 0 0.1em #000,-0 -0 0.1em #000;
     background-color: #2a2a2a;
-    background-color: rgba(42, 42, 42, .8);
-    transition: background-color .3s ease-in;
+    background-color: rgba(42, 42, 42, .85);
+    transition: background-color .2s ease-in;
     &:hover {
         background-color: #2a2a2a;
-        background-color: rgba(42, 42, 42, .9);
+        background-color: rgba(42, 42, 42, .95);
     }
 }
 
@@ -339,11 +339,11 @@
     color: #aaa;
     text-shadow: 0 0 0.1em #000,-0 -0 0.1em #000;
     background-color: #2a2a2a;
-    background-color: rgba(42, 42, 42, .8);
-    transition: background-color .3s ease-in;
+    background-color: rgba(42, 42, 42, .85);
+    transition: background-color .2s ease-in;
     &:hover {
         background-color: #2a2a2a;
-        background-color: rgba(42, 42, 42, .9);
+        background-color: rgba(42, 42, 42, .95);
     }
 }
 
@@ -352,11 +352,11 @@
     margin-top: 2px;
     padding: 30px 0 60px 0;
     background-color: @progress-bar-danger-bg;
-    background-color: rgba(217, 83, 79, .8);
-    transition: background-color .3s ease-in;
+    background-color: rgba(217, 83, 79, .85);
+    transition: background-color .2s ease-in;
     &:hover {
         background-color: @progress-bar-danger-bg;
-        background-color: rgba(217, 83, 79, .9);
+        background-color: rgba(217, 83, 79, .95);
     }
 }