Source code
Revision control
Copy as Markdown
Other Tools
<!doctype html>
<meta charset="utf-8">
<link rel="author" name="Delan Azabani" href="mailto:dazabani@igalia.com">
<link rel="stylesheet" href="support/highlights.css">
<style>
* {
text-decoration-skip-ink: none;
text-decoration-skip: none;
}
main {
font-size: 7em;
margin: 0.5em;
width: min-content;
}
.background {
width: 100%;
height: 0.25em;
background: #707070C0;
}
.unselected {
color: #E03838C0;
text-decoration: #C0C000C0 solid line-through;
}
.selected {
background: #38E038C0;
text-decoration: #663399C0 solid line-through;
}
.selected, .selected * {
color: #663399C0;
}
.selection {
text-decoration: #3838E0C0 solid underline;
}
</style>
<main class="highlight_reftest">
<div class="hrt_layers">
<div class="background"></div>
<div>qui<span class="unselected">ck</span></div>
<div><span class="selected"><span class="selection">qui</span></span>ck</div>
quick
</div>
</main>