ant-design/components/breadcrumb/style/index.less
Saeed Rahimi 0dd9d44229 fix: rtl issue in breadcrumb (#21054)
* fix: rtl issue in breadcrumb

* update snapshots

* resolve ci
2020-01-21 22:01:53 +08:00

70 lines
1.2 KiB
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;
&-rtl {
direction: rtl;
> span {
float: right;
}
}
.@{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 {
margin-left: 4px;
.@{breadcrumb-prefix-cls}-rtl & {
margin-right: 4px;
margin-left: 0;
}
}
}
&-overlay-link {
> .@{iconfont-css-prefix} {
margin-left: 4px;
.@{breadcrumb-prefix-cls}-rtl & {
margin-right: 4px;
margin-left: 0;
}
}
}
}