Blitz - WPT: at-custom-media-basic.html

wpt / css / mediaqueries / at-custom-media-basic.html

/css/mediaqueries/at-custom-media-basic.html

<!doctype html>
<title>Basic custom media query</title>
<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
<link rel="author" href="https://mozilla.com" title="Mozilla">
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=2004653">
<link rel="help" href="https://drafts.csswg.org/mediaqueries-5/#custom-mq">
<link rel="match" href="/css/reference/green.html">
<style>
@custom-media --foo (width > 0px);
@media (--foo) {
  :root {
    background: green;
  }
}
</style>
<div></div>

/css/reference/green.html

<!DOCTYPE html>
<title>CSS Test Reference</title>
<body style="background-color:green"></body>