mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-11 19:42:54 +08:00
Code Issues Actions 37 Packages Projects Releases Wiki Activity

add vars to theme Breadcrumb component (#9022)

Browse Source
This commit is contained in:
George Gray 2018-01-20 08:04:49 +00:00 committed by 偏右
parent 4286131735
commit aa9e335145
2 changed files with 19 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
components/breadcrumb/style/index.less
View File

@ -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 {

11
components/style/themes/default.less
View File

@ -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;