@import "~/styles/partials/variables";
@import "~/styles/partials/iconStyle";
@import "~/styles/partials/mixins";

.breadcrumb {
    &--list {
        overflow: hidden;
        text-overflow: ellipsis;
        li {
            &:not(:last-child) {
                &::after {
                    content: $lt--dropdown-arrow;
                    transform: rotate(-90deg);
                    font-weight: $light;
                    margin: 0px 5px;
                    display: flex;
                    font-size: size(14);
                }
            }
            
           
            span {
                text-overflow: ellipsis;
            }
        }
    }

    &--detail {
        li:last-child span{
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 70%;
        }
    }
}