CSS: Inline links/text with dividers

inline-dividers.scss

//Inline Divides
//------------------------
    .is-inline {
        font-size: 0;
    }
    
    .is-inline > * {
        display: inline-block;
        position: relative;
    }
    
    .is-inline > * > * {
        color: currentColor;
    }
    
    .is-inline > * + * {
        margin-left: 24px;
    }
    
    .is-inline > * + *:before {
        content: "";
        height: 14px;
        width: 2px;
        margin-top: -7px;
        position: absolute;
        top: 50%;
        left: -12px;
        background-color: currentColor;
    }
    
    .no-divide:before {
        width: 0;
    }
    
    @include small {
        .is-inline > * {
            display: block;
        }
        .is-inline > * + * {
            margin-left: 0;
        }
        .is-inline > * + *:before {
            margin: 0;
            width: 0;
            position: relative;
        }
    }