wpt / css / css-color / color-mix-currentcolor-nested-for-color-property.html

Status: PASS | Duration: 8ms | Subtests: 1/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

TestRefTest SourceRef Source

/css/css-color/color-mix-currentcolor-nested-for-color-property.html

<!DOCTYPE html>
<meta charset="utf-8">
<link rel="match" href="color-mix-currentcolor-nested-for-color-property-ref.html">
<title>currentColor is inherited correctly with a nested color-mix() for the color attribute</title>
<link rel="help" href="https://drafts.csswg.org/css-color-5/#color-mix">
<link rel="author" title="Aaron Krajeski" href="https://github.com/mysterydate">
<style>
body {
    color: color(srgb 0 0 1);
}
div {
    color: color-mix(in srgb, color-mix(in srgb, currentColor 50%, color(srgb 0 1 0)), white);
}
div > div {
    color: inherit;
}
</style>
<div>
    <div>This text should be a light blue-green</div>
</div>

/css/css-color/color-mix-currentcolor-nested-for-color-property-ref.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>Reference: currentColor is inherited correctly with a nested color-mix() for the color attribute</title>
<style>
div {
    color: color(srgb 0.5 0.75 0.75);
}
</style>
<div>
    <div>This text should be a light blue-green</div>
</div>