Mixin for setting a text-stroke, including fallback.

text-border.scss

@mixin text-border($color) {
    color: transparent !important;
    text-shadow: 
        -1px -1px 0 $color,  
        1px -1px 0 $color,
        -1px 1px 0 $color,
        1px 1px 0 $color;
    
    @at-root {
        @supports (-webkit-text-stroke: 1px $color) {
            & {
                text-stroke: 1px $color;
                -webkit-text-stroke: 0.5px $color;
                text-shadow:none;
            }
        }
    }
}