Merge pull request #14295 from tuxinghuan/dev

docs(icon):make the style change when hover on it

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>

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>

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>