.ribbon_tag {
    left: -1rem;
    background-color: $black;

    &:before {
        border-bottom: 10px solid transparent;
        border-right: 10px solid $black;
        bottom: -10px;
        content: '';
        position: absolute;
        left: 0;
    }
}

@include theme-colors($vertical-colors) {
    @each $name, $color, $color-alt in $vertical-colors {
        .theme--#{$name} {
            .ribbon_tag {
                background-color: $color;

                &:before { 
                    border-right-color: #{$color-alt} 
                }
            }
        }
    }
}