.component-breadcrumb {
    padding: 20px 0;

    ul {
        list-style: none;
        display: flex;
        margin:0;
        padding:0;
        font-size: 12px;

        a {
            color: $icenight-300;
        }

        li {
            position:relative;

            + li {
                padding-left: 24px;

                &:before {
                    content: '›';
                    position:absolute;
                    left:0;
                    top:0;
                    width: 24px;
                    display: inline-block;
                    height: 10px;
                    text-align:center;
                }
            }
        }
    }

    &.bg-icenight {
        ul {
            a {
                color: $icecloud;
            }
        }
    }
}