From aa9e335145cf2647d16264056ed161714233a422 Mon Sep 17 00:00:00 2001
From: George Gray <george@ummodesign.com>
Date: Sat, 20 Jan 2018 08:04:49 +0000
Subject: [PATCH] add vars to theme Breadcrumb component (#9022)

---
 components/breadcrumb/style/index.less | 15 ++++++++-------
 components/style/themes/default.less   | 11 +++++++++++
 2 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/components/breadcrumb/style/index.less b/components/breadcrumb/style/index.less
index 1b56a34724..2d73ab20c7 100644
--- a/components/breadcrumb/style/index.less
+++ b/components/breadcrumb/style/index.less
@@ -5,22 +5,23 @@
 
 .@{breadcrumb-prefix-cls} {
   .reset-component;
-  color: @text-color-secondary;
+  color: @breadcrumb-base-color;
+  font-size: @breadcrumb-font-size;
 
   .@{iconfont-css-prefix} {
-    font-size: @font-size-sm;
+    font-size: @breadcrumb-icon-font-size;
   }
 
   a {
-    color: @text-color-secondary;
+    color: @breadcrumb-link-color;
     transition: color .3s;
     &:hover {
-      color: @primary-5;
+      color: @breadcrumb-link-color-hover;
     }
   }
 
   & > span:last-child {
-    color: @text-color;
+    color: @breadcrumb-last-item-color;
   }
 
   & > span:last-child &-separator {
@@ -28,8 +29,8 @@
   }
 
   &-separator {
-    margin: 0 @padding-xs;
-    color: @text-color-secondary;
+    margin: @breadcrumb-separator-margin;
+    color: @breadcrumb-separator-color;
   }
 
   &-link {
diff --git a/components/style/themes/default.less b/components/style/themes/default.less
index eb423eeb45..25f0003148 100644
--- a/components/style/themes/default.less
+++ b/components/style/themes/default.less
@@ -403,3 +403,14 @@
 // ---
 @pagination-item-size: 32px;
 @pagination-item-size-sm: 24px;
+
+// Breadcrumb
+// ---
+@breadcrumb-base-color:        @text-color-secondary;
+@breadcrumb-last-item-color:   @text-color;
+@breadcrumb-font-size:         @font-size-base;
+@breadcrumb-icon-font-size:    @font-size-sm;
+@breadcrumb-link-color:        @text-color-secondary;
+@breadcrumb-link-color-hover:  @primary-5;
+@breadcrumb-separator-color:   @text-color-secondary;
+@breadcrumb-separator-margin:  0 @padding-xs;