swc/crates/swc_css_prefixer/tests/fixture/resolution/output.defaults-not-ie-11.css

81 lines
2.7 KiB
CSS
Raw Normal View History

@import url('styles.css') screen and (min-resolution: 2dppx), screen and (-webkit-min-device-pixel-ratio: 2);
@import url("styles.css") supports(display: flex) screen and (max-width: 400px);
@import url("styles.css") supports(not (display: flex)) screen and (max-width: 400px);
@import url('styles.css') supports(display: flex) screen and (min-resolution: 2dppx), screen and (-webkit-min-device-pixel-ratio: 2);
@media (min-resolution: 2dppx), (min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) {
.class {
color: red;
}
}
@media (min-resolution: 2.5dppx), (-webkit-min-device-pixel-ratio: 2.5) {
.class {
color: red;
}
}
@media (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 1.5) {
.class {
color: red;
}
}
@media (min-resolution: 2x), (-webkit-min-device-pixel-ratio: 2) {
.class {
color: red;
}
}
@media (min-resolution: 120dpi), (-webkit-min-device-pixel-ratio: 1.25) {
.class {
color: red;
}
}
@media (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
.class {
color: red;
}
}
@media only screen and (min-resolution: 124.8dpi), only screen and (-webkit-min-device-pixel-ratio: 1.3) {
.class {
color: red;
}
}
@media (min-resolution: 113.38dpcm), (-webkit-min-device-pixel-ratio: 3) {
.class {
color: red;
}
}
::placeholder {
color: gray;
}
.image {
background-image: url(image@1x.png);
}
@media (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
.image {
background-image: url(image@2x.png);
}
}
@media (min-resolution: 33dpi), (-webkit-min-device-pixel-ratio: 0.34) {
.class {
color: red;
}
}
@media (min-resolution: 0dpi), (-webkit-min-device-pixel-ratio: 0) {
.class {
color: red;
}
}
@media (min-resolution: 2dppx), (min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) {}
@media (min-resolution: 2.5dppx), (-webkit-min-device-pixel-ratio: 2.5) {}
@media (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 1.5) {}
@media (min-resolution: 2x), (-webkit-min-device-pixel-ratio: 2) {}
@media (min-resolution: 120dpi), (-webkit-min-device-pixel-ratio: 1.25) {}
@media (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {}
@media only screen and (min-resolution: 124.8dpi), only screen and (-webkit-min-device-pixel-ratio: 1.3) {}
@media (min-resolution: 113.38dpcm), (-webkit-min-device-pixel-ratio: 3) {}
@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx) {}
@media (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2) {}
@media (min-resolution: 113.38DPCM), (-webkit-min-device-pixel-ratio: 3) {
.class {
color: red;
}
}