@import "mixins/mixins";
@import "mixins/utils";
@import "common/var";

.el-breadcrumb {
    font-size: 15px;
    line-height: 1;
    @include utils-clearfix;
}

.el-breadcrumb__separator {
    margin: auto 9px;
    font-weight: bold;
    color: $--color-text-placeholder;
}

.el-breadcrumb__separator[class*=icon] {
    margin: 0 6px;
    font-weight: normal;
}

.el-breadcrumb__item {
    display: inline-flex;

    &:last-child {
        .el-breadcrumb__inner,
        .el-breadcrumb__inner a {
            &, &:hover {
                font-weight: normal;
                color: $--color-text-regular;
                cursor: text;
            }
        }

        .el-breadcrumb__separator {
            display: none;
        }
    }
}

.el-breadcrumb__truncation-dropdown .el-breadcrumb__item:last-child {
    .el-breadcrumb__inner,
    .el-breadcrumb__inner a {
        &, &:hover {
            cursor: pointer;
        }
    }
}

.el-breadcrumb__inner {
    color: $--color-text-regular;
    margin-top: auto;
    margin-bottom: auto;

    &.is-link, & a {
        font-weight: bold;
        text-decoration: none;
        transition: $--color-transition-base;
        color: $--color-text-primary;

        &:hover {
            color: $--color-primary;
            cursor: pointer;
        }
    }
}