////////导航////////
//碎屑导航
.nav-crumb{
    @h:40px;
    @gap:3px;
    overflow:hidden;
    margin-bottom: 15px;
    background-color:@sys-color-snow;
    color: @sys-color-lightgray;
    .crumb-link,.crumb-text,.crumb-gap{
        float:left;
        height:@h;
        font-style:normal;
    }
    .crumb-link,.crumb-text{
        position:relative;
        padding:0 15px;
        line-height:@h;
        text-align:center;
        background: @sys-color-muted;
        &:first-child{
            .sys-border-topleft-radius(@sys-radius-sm);
            .sys-border-bottomleft-radius(@sys-radius-sm);
        }
        &:last-child,&.last-child{
            .sys-border-topright-radius(@sys-radius-sm);
            .sys-border-bottomright-radius(@sys-radius-sm);
            &:after{
                border:none;
            }
        }
        & + .crumb-link,
        & + .crumb-text{
            margin-left:@h / 2 + @gap;
        }
        &:before, &:after {
            content: "";
            overflow:hidden;
            position: absolute;
            width: 0;
            height: 0;
            border-style:solid;
            border-width: @h / 2 @h / 4;
            border-color: transparent;
        }
        &:before {
            left: 0 - (@h / 2);
            border-color:@sys-color-muted;
            border-left-color: transparent;
        }
        &:after {
            right: 0 - (@h / 2);
            border-left-color: @sys-color-muted;
        }
    }
    .crumb-link{
        &:hover,&.active{
            color: @sys-color-snow;
            background:@color-theme;
            &:before{
                border-color:@color-theme;
                border-left-color: transparent;
            }
            &:after{
                border-left-color:@color-theme;
            }
        }
    }
}


////////扩展////////