swc/crates/swc_css_parser/tests/fixture/at-rule/media/input.css

132 lines
4.0 KiB
CSS

@\media screen {}
@\media \screen {}
@media all {}
@media screen {}
@media print {}
@media screen and (color) {}
@media screen and (color), projection and (color) {}
@media screen and ( color ) , projection and ( color ) {}
@media print and (min-resolution: 118dpcm) {}
@media all {}
@media screen and (color) {}
@media screen and ( color ) {}
@media not all and (monochrome) {}
@media not screen and (color), print and (color) {}
@media not (device-aspect-ratio: 16/9) {}
@media not (device-aspect-ratio: 16 / 9) {}
@media not all {}
@media not all {}
@media only screen and (color) {}
@media only screen and ( color ) {}
@media (min-width: 20px) {}
@media(min-width: 20px){}
@media ( min-width : 20px ) {}
@media (device-aspect-ratio: 16/9) {}
@media ( device-aspect-ratio : 16 / 9 ) {}
@media (grid) and (max-width: 15em) {}
@media (monochrome) {}
@media (min-width: 20em) and (min-width: 20em) {}
@media (min-width : 20em ) and ( min-width : 20em ) {}
@media (min-width: 1024px) and (min-width: 1024px) and (min-width: 1024px) {}
@media(min-width:20em)and (min-width: 20em){}
@media(min-width:20em)and (min-width:20em){}
@media (update: slow) or (hover: none) {}
@media ( update : slow ) or ( hover : none ) {}
@media(update: slow)or (hover: none){}
@media (height < 600px) {}
@media (height <= 600px) {}
@media (height > 600px) {}
@media (height >= 600px) {}
@media (height = 600px) {}
@media ( height < 600px ) {}
@media ( height <= 600px ) {}
@media ( height > 600px ) {}
@media ( height >= 600px ) {}
@media ( height = 600px ) {}
@media(height=600px){}
@media(height>=600px) {}
@media (600px < height) {}
@media (600px <= height) {}
@media (600px > height) {}
@media (600px >= height) {}
@media (600px = height) {}
@media ( 600px < height ) {}
@media ( 600px <= height ) {}
@media ( 600px > height ) {}
@media ( 600px >= height ) {}
@media ( 600px = height ) {}
@media(600px=height) {}
@media(600px>=height) {}
@media (400px < width < 700px) {}
@media (400px <= width < 700px) {}
@media (400px < width <= 700px) {}
@media (400px <= width <= 700px) {}
@media(400px<width<700px){}
@media(400px<=width<=700px){}
@media ( 400px < width < 700px ) {}
@media ( 400px <= width < 700px ) {}
@media ( 400px < width <= 700px ) {}
@media ( 400px <= width <= 700px ) {}
@media(400px<width<700px){}
@media(400px<=width<=700px){}
@media (400px > width > 700px) {}
@media (400px >= width > 700px) {}
@media (400px > width >= 700px) {}
@media (400px >= width >= 700px) {}
@media(400px>width>700px){}
@media(400px>=width>=700px) {}
@media ( 400px > width > 700px ) {}
@media ( 400px >= width > 700px ) {}
@media ( 400px > width >= 700px ) {}
@media ( 400px >= width >= 700px ) {}
@media(400px>width>700px){}
@media(400px>=width>=700px){}
@media (--modern) and (min-width: 1024px) {}
@media (not (color)) or (hover) {}
@media ( not ( color ) ) or ( hover ) {}
@media ((color) or (hover)) and (width > 1024px) {}
@media (((color)) or ((hover))) and (width > 1024px) {}
@media (((((color)) or ((hover))))) and (width > 1024px) {}
@media ( ( ( ( ( color ) ) or ( ( hover ) ) ) ) ) and ( width > 1024px ) {}
@media ((min-width: 800px) and (min-width: 800px)) or (min-width: 800px) {}
@media (min-width: 800px) and ((min-width: 800px) or (min-width: 800px)) {}
@media NOT all {}
@media ONLY screen AND (color) {}
@media ((min-width: 800px) AND (min-width: 800px)) OR (min-width: 800px) {}
@media (min-width: 800px) AND ((min-width: 800px) OR (min-width: 800px)) {}
@media {}
@media {}
@media tty {}
@media print {
html
main {
color: orange;
}
}
@media print {
html,
main {
color: orange;
}
}
@media (NOT (color)) OR (hover) {}