16abbd78e7
Add scripts/import_wpt_reftests.py to sparse-clone the upstream WPT repo and bulk-import qualifying CSS reftests (no JS, no external resources) as known_fail entries. 23 tests already pass and are promoted. The import script is idempotent and exposed via `just import-wpt`. CI now prints the WPT summary (pass=36 known_fail=2877 skip=1) on every run. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
38 lines
1.0 KiB
HTML
38 lines
1.0 KiB
HTML
<!DOCTYPE html>
|
|
<link rel="help" href="https://drafts.csswg.org/css-text-4/#valdef-text-wrap-style-balance">
|
|
<link rel="match" href="reference/text-wrap-balance-before-after-002-ref.html">
|
|
<style>
|
|
.container {
|
|
font: 16px monospace;
|
|
margin: 1em;
|
|
width: 60ch;
|
|
}
|
|
|
|
.text {
|
|
text-wrap: balance;
|
|
outline: 1px dashed gray;
|
|
}
|
|
|
|
.text:before {
|
|
content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.";
|
|
letter-spacing: -0.15ch;
|
|
display: block;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.text:after {
|
|
content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.";
|
|
text-wrap-style: stable;
|
|
display: block;
|
|
margin-top: 1em;
|
|
}
|
|
</style>
|
|
|
|
<p>The first two paragraphs should be separately balanced; the third should not use balancing:</p>
|
|
|
|
<div class="container">
|
|
<div class="text">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
|
</div>
|
|
</div>
|