Cross-Browser ::before and ::after pseudo-class polyfill - adapted into mixins for SCSS using modernizr

gistfile1.scss

@mixin after-polyfill(){
    .ie7 & {
        /* creates <span class="ie-after"></span> */
        zoom: expression( this.runtimeStyle.zoom="1", this.appendChild( document.createElement("span") ).className="ie-after" );
    }
}

@mixin before-polyfill(){
    .ie7 & {
        /* creates <span class="ie-before"></span> */
        zoom: expression( this.runtimeStyle.zoom="1", this.insertBefore( document.createElement("span"), this.firstChild ).className="ie-before" );
    }
}

@mixin before-and-after-polyfill(){
    .ie7 & {
        /* creates <span class="ie-before"></span> */
        zoom: expression( 
            this.runtimeStyle.zoom="1", 
            this.insertBefore( document.createElement("span"), this.firstChild ).className="ie-before",
            this.appendChild( document.createElement("span") ).className="ie-after"
        );
    }
}


/*
USAGE
*/

div {
    @include after-polyfill();
        
    & .ie-after,
    &:after {
        /*CSS*/
    }
}

div {
    @include before-polyfill();
        
    & .ie-before,
    &:before {
        /*CSS*/
    }
}


div {
    @include before-and-after-polyfill();
        
    & .ie-before,
    &:before {
        /*CSS*/
    }

    & .ie-after,
    &:after {
        /*CSS*/
    }
}