Blitz - WPT: color-mix-currentcolor-visited.html

wpt / css / css-color / color-mix-currentcolor-visited.html

/css/css-color/color-mix-currentcolor-visited.html

<!DOCTYPE html>
<meta charset="utf-8">
<link rel="match" href="color-mix-currentcolor-visited-ref.html">
<title>currentcolor is taken from :visited pseudo-class correctly in color-mix()</title>
<link rel="help" href="https://drafts.csswg.org/css-color-5/#color-mix">
<link rel="author" title="Matthieu Dubet" href="https://github.com/mdubet">
<style>
a:link { color: red; }
a:visited { color: green; }
span {
    background-color: color-mix(in srgb, currentcolor, white 75%);
}
</style>
<a href=""><span>This background should be green and not red</span></a>

/css/css-color/color-mix-currentcolor-visited-ref.html

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<title>currentcolor is taken from :visited pseudo-class correctly in color-mix()</title>
<style>
a { color: green; background-color: color-mix(in srgb, green, white 75%); }
</style>

<a href="unvisited">This background should be green and not red</a>
</html>