mirror of
https://github.com/swc-project/swc.git
synced 2024-12-24 22:22:34 +03:00
81 lines
2.7 KiB
CSS
81 lines
2.7 KiB
CSS
@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;
|
|
}
|
|
}
|