@import '../../../scss/index.scss';

// Хлебные крошки
@mixin bread-crumbs () {
	@include flex-row-auto();

	// Фикс
	&,
	& * {
		@include fix();
	}

	.row {
		@include flex-row-auto();
		height: 19px;
	}

	.crumb {
		@include flex-row-auto();
		height: 19px;
		margin: auto 0;
	}
	.crumb--current {
		.crumb__title,
		.crumb__title:hover {
			color: $crumb-title-current;
			cursor: default;
		}
	}
	.crumb__title {
		@include text-single-line();
		@include font-family();
		transition: color 0.2s ease;
		line-height: 17px;
		font-size: 14px;
		text-decoration: none;
		cursor: pointer;
		color: $crumb-title;
		&:hover {
			color: $crumb-title-hover;
		}
	}
	.crumb__arrow {
		width: 11px;
		height: 11px;
		margin: auto 8px;
		fill: $crumb-arrow-fill;
		transform: rotate(-90deg);
	}
}