Blitz - WPT: registered-property-computation-color-005.html

wpt / css / css-properties-values-api / registered-property-computation-color-005.html

/css/css-properties-values-api/registered-property-computation-color-005.html

<!DOCTYPE html>
<link rel="help" href="https://drafts.csswg.org/css-properties-values-api/#calculation-of-computed-values" />
<link rel="match" href="registered-property-computation-color-001-ref.html">
<style>
@property --x {
  inherits: true;
  initial-value: black;
  syntax: "<color>";
}
div {
  --x: color(srgb 0 calc(0.5 * sibling-index()) 0);
  background-color: var(--x);
  width: 100px;
  height: 100px;
}
</style>
<div></div>

/css/css-properties-values-api/registered-property-computation-color-001-ref.html

<!DOCTYPE html>
<style>
div {
  background-color: green;
  width: 100px;
  height: 100px;
}
</style>
<div></div>