@import url(~antd/lib/breadcrumb/style/index-pure.less);
@import '../../style/themes/index';

.@{breadcrumb-prefix-cls} {
	line-height: @layout-height-2;
	display: inline-flex;

	li,
	span,
	&-link,
	&-link a {
		display: inline-flex;
		align-items: center;
		line-height: 20px;
	}

	&-separator {
		height: @layout-height-2;
	}

	&-link,
	&-overlay-link {
		padding: 0 @padding-xss;
		border-radius: @border-radius-base;
		transition: all 0.3s ease-out !important;
	}

	//icon和文字间隔
	&-link > .@{iconfont-css-prefix} + span,
	&-link > .@{iconfont-css-prefix} + a {
		margin-left: @margin-xss;
	}

	.@{iconfont-css-prefix} {
		height: @breadcrumb-icon-font-size;
		font-size: @breadcrumb-icon-font-size;
		margin: calc((20px - @breadcrumb-icon-font-size) / 2) 0;
	}
	//每个breadcrumbitem
	& > ol > li:not(:last-child):not(&-disabled) {
		&:hover {
			.@{breadcrumb-prefix-cls}-link,
			.@{breadcrumb-prefix-cls}-overlay-link {
				background-color: @component-background-hover;
			}
		}
	}

	& &-disabled &-link,
	& &-disabled &-link a,
	& &-disabled &-overlay-link {
		color: @disabled-color!important;
		pointer-events: none;
	}

	&-overlay-link {
		& > .@{breadcrumb-prefix-cls}-dropdown-icon {
			//下拉icon
			margin-left: 2px;
		}
		.@{breadcrumb-prefix-cls}-link {
			padding: 0;
		}
		&:hover {
			.@{breadcrumb-prefix-cls}-link + .@{iconfont-css-prefix} {
				// color: @primary-color;
			}
		}
	}

	&-ellipse-omit {
		cursor: pointer;
		&:hover {
			color: @primary-color;
		}

		& + .@{iconfont-css-prefix} {
			display: none;
		}
	}
}

//面包屑的下拉hovercolor变为@primary-color

.@{breadcrumb-prefix-cls}-dropdown {
	.@{ant-prefix}-dropdown-menu-item:not(.@{ant-prefix}-dropdown-menu-item-disabled):hover {
		color: @primary-color;
	}
}