.breadcrumb {
    padding: 0;
    background: transparent;
    list-style: none;
    display: inline-block;
    .fa {
        font-size: 14px;
    }
    > li + li::before {
        content: "";
        padding: 0;
    }
    li {
        float: left;
        a {
            color: #FFF;
            display: block;
            background: @breadcrumb-bg;
            text-decoration: none;
            position: relative;
            height: 40px;
            line-height: 40px;
            padding: 0 10px 0 5px;
            text-align: center;
            margin-right: 23px;
        }
        &:nth-child(even) {
            a {
                background-color: @breadcrumb-bg-even;
                &:before {
                    border-color: @breadcrumb-bg-even;
                    border-left-color: transparent;
                }
                &:after {
                    border-left-color: @breadcrumb-bg-even;
                }
            }
        }
        &:first-child {
            a {
                padding-left: 15px;
            @include border-radius(4 px 0 0 4 px);
                &:before {
                    border: none;
                }
            }
        }
        a {
            &:before, &:after {
                content: "";
                position: absolute;
                top: 0;
                border: 0 solid @breadcrumb-bg;
                border-width: 20px 10px;
                width: 0;
                height: 0;
            }
            &:before {
                left: -20px;
                border-left-color: transparent;
            }
            &:after {
                left: 100%;
                border-color: transparent;
                border-left-color: @breadcrumb-bg;
            }
            &:hover {
                background-color: @breadcrumb-bg-hover;
                &:before {
                    border-color: @breadcrumb-bg-hover;
                    border-left-color: transparent;
                }
                &:after {
                    border-left-color: @breadcrumb-bg-hover;
                }
            }
            &:active,
            &.active {
                background-color: @breadcrumb-bg-active;
                &:before {
                    border-color: @breadcrumb-bg-active;
                    border-left-color: transparent;
                }
                &:after {
                    border-left-color: @breadcrumb-bg-active;
                }
            }
        }
    }
}