@@ -443,13 +443,13 @@ Selecting the most contrasting color: the ''color-contrast()'' function {#colorc
443443 to the single color.
444444
445445 <pre class='prod'>
446- <dfn>color-contrast()</dfn> = color-contrast( <<color>> <<color>> # )
446+ <dfn>color-contrast()</dfn> = color-contrast( <<color>> vs <<color>> # )
447447 </pre>
448448
449449 Issue(#4749): <a href="https://github.com/w3c/csswg-drafts/issues/4749">add target contrast ratio to color-contrast?</a>
450450
451451 <div class="example">
452- <pre class="lang-css"> color-contrast(wheat tan, sienna, var(--myAccent), #d2691e)</pre>
452+ <pre class="lang-css"> color-contrast(wheat vs tan, sienna, var(--myAccent), #d2691e)</pre>
453453
454454 The calculation is as follows:
455455 * <span class="swatch" style="--color: wheat"></span> wheat (#f5deb3), the background, has relative luminance 0.749
@@ -463,7 +463,7 @@ Selecting the most contrasting color: the ''color-contrast()'' function {#colorc
463463
464464 </div>
465465
466- The colors in the list are tested sequentially,
466+ The colors in the list (after the keyword vs) are tested sequentially,
467467 from left to right;
468468 a color is the temporary winner
469469 if it has the highest contrast of all those tested so far,
@@ -477,7 +477,7 @@ Selecting the most contrasting color: the ''color-contrast()'' function {#colorc
477477 foo {
478478 --bg: hsl(200 50% 80%);
479479 --purple-in-hsl: hsl(300 100% 25%);
480- color: color-contrast(var(--bg) hsl(200 83% 23%), purple, var(--purple-in-hsl));
480+ color: color-contrast(var(--bg) vs hsl(200 83% 23%), purple, var(--purple-in-hsl));
481481 }
482482 </pre>
483483
0 commit comments