Source code
Revision control
Copy as Markdown
Other Tools
<!doctype html>
<div>Open</div><div class="disabled">Open</div>
<style>
body {
background-color: black;
}
div {
color: green;
font-family: monospace;
font-size: 16px;
box-sizing: border-box;
background-color: transparent;
border: 1px solid currentColor;
gap: 0.5em;
padding-block: 0.25em;
padding-inline: 0.5em;
border-radius: 0.5em;
display: inline-flex;
}
div::after {
content: counter(fake-counter-name, disclosure-open);
display: block;
margin-inline-start: auto;
}
.disabled {
color: color-mix(green 50%, transparent);
}
</style>