Breadcrumbs

by Victor

HTML

<div class="crumb">
    <a href="#">Products <img class="triangle"...

SCSS

.crumb {
    display:inline-block;
    padding-right: 18px;
    position:relative;
    /* background: red; */
    padding:5px;
    
    a {
        font-size:13px;
        background: #000;
        padding:5px;
        margin:0;
        position:relative;
        /* float:left; */
        display:inline-block;
        text-decoration: none;
        color:white;
        border:0;
        margin-right: 25px;
        &:hover {
            text-decoration: underline;
                left:2px;
                .triangle {
                    
                }
        }
    }
    
    .triangle {
        position: absolute;
        top:0;
        right:-20px;
        height:100%;
        width:20px;
        
        
    }
}