ant-design/components/breadcrumb/style/index.less
Suki小火车 d5e7187d9d
fix: Breadcrumb link margin (#24490)
* fix: breadcrumb a 标签添加间距

* Update components/breadcrumb/style/index.less

Co-authored-by: 偏右 <afc163@gmail.com>

* chore: fix in rtl

* chore: add changelog

* chore: remove changelog

Co-authored-by: 偏右 <afc163@gmail.com>
2020-05-27 20:40:19 +08:00

55 lines
972 B
Plaintext

@import '../../style/themes/index';
@import '../../style/mixins/index';
@breadcrumb-prefix-cls: ~'@{ant-prefix}-breadcrumb';
.@{breadcrumb-prefix-cls} {
.reset-component;
color: @breadcrumb-base-color;
font-size: @breadcrumb-font-size;
.@{iconfont-css-prefix} {
font-size: @breadcrumb-icon-font-size;
}
a {
color: @breadcrumb-link-color;
transition: color 0.3s;
&:hover {
color: @breadcrumb-link-color-hover;
}
}
& > span:last-child {
color: @breadcrumb-last-item-color;
a {
color: @breadcrumb-last-item-color;
}
}
& > span:last-child &-separator {
display: none;
}
&-separator {
margin: @breadcrumb-separator-margin;
color: @breadcrumb-separator-color;
}
&-link {
> .@{iconfont-css-prefix} + span,
> .@{iconfont-css-prefix} + a {
margin-left: 4px;
}
}
&-overlay-link {
> .@{iconfont-css-prefix} {
margin-left: 4px;
}
}
}
@import './rtl';