Fix breadcrume style detail, close #2434

components/breadcrumb/demo/router.md

@@ -44,7 +44,7 @@ const Home = (props) => (
         borderBottom: '1px dashed #ccc',
       }}
     >
-      Click the navigation above to switch the page,breadcrumb is right here:
+      Click the navigation above to switch:
     </div>
     <Breadcrumb {...props} />
   </div>

components/breadcrumb/demo/withIcon.md

@@ -23,7 +23,7 @@ ReactDOM.render(
     </Breadcrumb.Item>
     <Breadcrumb.Item href="">
       <Icon type="user" />
-      Application List
+      <span>Application List</span>
     </Breadcrumb.Item>
     <Breadcrumb.Item>
       Application
@@ -31,4 +31,3 @@ ReactDOM.render(
   </Breadcrumb>
 , mountNode);
 ````
-

components/breadcrumb/style/index.less

@@ -8,6 +8,10 @@
 
   a {
     color: @text-color;
+    transition: all .3s;
+    &:hover {
+      color: tint(@primary-color, 20%);
+    }
   }
 
   & > span:last-child {
@@ -24,7 +28,9 @@
     color: @border-color-base;
   }
 
-  .anticon + span {
+  &-link {
+    > .anticon + span {
       margin-left: 4px;
     }
   }
+}