Blitz - WPT: change-inline-color.html

wpt / css / css-break / change-inline-color.html

<!DOCTYPE html>
<html class="reftest-wait">
  <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
  <link rel="help" href="https://www.w3.org/TR/css-break-3/">
  <link rel="match" href="change-inline-color-ref.html">
  <p>The word PASS should be seen below.</p>
  <div style="columns:4; width:4em; text-align:center; column-gap:0; orphans:1; widows:1; color:white;">
    <span id="span">
      P A S S
    </span>
  </div>
  <script>
    requestAnimationFrame(()=> {
      requestAnimationFrame(()=> {
        span.style.color = "green";
        document.documentElement.classList.remove("reftest-wait");
      });
    });
  </script>
</html>

/css/css-break/change-inline-color-ref.html

<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="help" href="https://www.w3.org/TR/css-break-3/">
<style>
  .fakecolumn {
      width: 1em;
      text-align: center;
  }
</style>
<p>The word PASS should be seen below.</p>
<div style="display:flex; color:green;">
  <div class="fakecolumn">P</div>
  <div class="fakecolumn">A</div>
  <div class="fakecolumn">S</div>
  <div class="fakecolumn">S</div>
</div>