iPhone media queries

iphone-media-queries.scss

@mixin iphoneXR() {
    @media only screen 
    and (device-width: 414px) 
    and (device-height: 896px) 
    and (-webkit-device-pixel-ratio: 2) {
        @content;
    }
}

@mixin iphoneXS() {
    @media only screen 
    and (device-width: 375px) 
    and (device-height: 812px) 
    and (-webkit-device-pixel-ratio: 3) {
        @content;
    }
}

@mixin iphoneXSMax() {
    @media only screen 
    and (device-width: 414px) 
    and (device-height: 896px) 
    and (-webkit-device-pixel-ratio: 3) {
        @content;
    }
}