From 431475bc4f56ef3c6f1792454129bc2c7a13ba0d Mon Sep 17 00:00:00 2001
From: tuxinghuan <m18817296539@163.com>
Date: Fri, 1 Feb 2019 23:22:46 +0800
Subject: [PATCH] docs:make the style change when hover on it

---
 examples/docs/en-US/icon.md | 7 +++----
 examples/docs/es/icon.md    | 7 +++----
 examples/docs/zh-CN/icon.md | 7 +++----
 3 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/examples/docs/en-US/icon.md b/examples/docs/en-US/icon.md
index b5b295c5..a4898fb0 100644
--- a/examples/docs/en-US/icon.md
+++ b/examples/docs/en-US/icon.md
@@ -37,8 +37,6 @@
     line-height: 120px;
     color: #666;
     font-size: 13px;
-    transition: color .15s linear;
-
     border-right: 1px solid #eee;
     border-bottom: 1px solid #eee;
     margin-right: -1px;
@@ -58,15 +56,16 @@
       font-size: 32px;
       margin-bottom: 15px;
       color: #606266;
+      transition: color .15s linear;
     }
     .icon-name {
       display: inline-block;
       padding: 0 3px;
       height: 1em;
-      color: #606266;
+      transition: color .15s linear;
     }
     &:hover {
-      color: rgb(92, 182, 255);
+      i,span{color: rgb(92, 182, 255);}
     }
   }
 </style>
diff --git a/examples/docs/es/icon.md b/examples/docs/es/icon.md
index 497adcc5..a8cf4e29 100644
--- a/examples/docs/es/icon.md
+++ b/examples/docs/es/icon.md
@@ -37,8 +37,6 @@
     line-height: 120px;
     color: #666;
     font-size: 13px;
-    transition: color .15s linear;
-    
     border-right: 1px solid #eee;
     border-bottom: 1px solid #eee;
     margin-right: -1px;
@@ -58,15 +56,16 @@
       font-size: 32px;
       margin-bottom: 15px;
       color: #606266;
+      transition: color .15s linear;
     }
     .icon-name {
       display: inline-block;
       padding: 0 3px;
       height: 1em;
-      color: #606266;
+      transition: color .15s linear;
     }
     &:hover {
-      color: rgb(92, 182, 255);
+      i,span{color: rgb(92, 182, 255);}
     }
   }
 </style>
diff --git a/examples/docs/zh-CN/icon.md b/examples/docs/zh-CN/icon.md
index 35c5021f..a4c7eefb 100644
--- a/examples/docs/zh-CN/icon.md
+++ b/examples/docs/zh-CN/icon.md
@@ -36,8 +36,6 @@
     line-height: 120px;
     color: #666;
     font-size: 13px;
-    transition: color .15s linear;
-
     border-right: 1px solid #eee;
     border-bottom: 1px solid #eee;
     margin-right: -1px;
@@ -51,6 +49,7 @@
       vertical-align: middle;
       font-family: 'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',SimSun,sans-serif;
       color: #99a9bf;
+      transition: color .15s linear;
     }
     
     i {
@@ -58,17 +57,17 @@
       font-size: 32px;
       margin-bottom: 15px;
       color: #606266;
+      transition: color .15s linear;
     }
     
     .icon-name {
       display: inline-block;
       padding: 0 3px;
       height: 1em;
-      color: #606266;
     }
     
     &:hover {
-      color: rgb(92, 182, 255);
+      span,i{color: rgb(92, 182, 255);}
     }
   }
 </style>