wpt / css / css-color / contrast-color-style-query.html

Status: FAIL | Duration: 45ms | Subtests: 0/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

TestRefTest SourceRef Source

/css/css-color/contrast-color-style-query.html

<!DOCTYPE html>
<title>contrast-color() computes to an absolute color</title>
<link rel="help" href="https://drafts.csswg.org/css-color-5/#contrast-color">
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=2049616">
<link rel="match" href="/css/reference/green.html">
<style>
@property --contrast-color {
  syntax: "<color>";
  initial-value: white;
  inherits: true;
}

:root {
  --contrast-color: contrast-color(#000);
}

@container style(--contrast-color: white) {
  body {
    background: green;
  }
}
</style>

/css/reference/green.html

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