SCSS Browser Hacks

// IE 10+
@mixin ie-only() {
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        @content;
    }
}

// IE Edge 10+ {
@mixin ie-edge-only {
    @supports (-ms-accelerator:true) or (-ms-ime-align:auto) {
        @content;
    }
}

// Safari 10.1+
@mixin safari-only {
    @media not all and (min-resolution: 0.001dpcm) {
        @supports (-webkit-appearance: none) {
            @content;
        }
    }
}

// Firefox 29+
@mixin firefox-only {
    @media all and (min--moz-device-pixel-ratio: 0) and (min-resolution: 3e1dpcm) {
        @content;
    }
}