42 lines
1.1 KiB
HTML
42 lines
1.1 KiB
HTML
<!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>
|