Blitz - WPT: relative-currentcolor-hsl-02.html

wpt / css / css-color / relative-currentcolor-hsl-02.html

/css/css-color/relative-currentcolor-hsl-02.html

<!doctype html>
<meta charset=utf-8>
<link rel="match" href="relative-green-ref.html">
<title>currentColor is inherited correctly in hsl RCS</title>
<link rel="help" href="https://drafts.csswg.org/css-color-5/#resolving-rcs">
<link rel="author" href="mailto:chris@w3.org" title="Chris Lilley">
<style>
div {
  width: 100px;
  height: 100px;
  background-color: red;
  color: red;
  background-color: hsl(from currentColor 120 s l);
}
div div {
  color: hsl(none 100% 25%); /* hsl(120 100% 25%) is green */
  background-color: inherit;
}
</style>
<div>
  <div></div>
</div>

/css/css-color/relative-green-ref.html

<!doctype html>
<meta charset=utf-8>
<link rel="author" href="mailto:chris@w3.org" title="Chris Lilley">
<style>
div {
  width: 100px;
  height: 100px;
}
div div {
  background-color: green;
}
</style>
<div>
  <div></div>
</div>