Request sent
Waiting for the admin
Feedback
Status
the hazard sweep marks something that needs a decision.
admin.print.meowda.xyz
Examples
Hazard
<article class="ticket">
<div class="hazard" aria-hidden="true"></div>
<p class="eyebrow">Request sent</p>
<div class="big-state tone-wait">Waiting for the admin</div>
</article>Live dot
Waiting on the server
<span class="dot live"></span>
<span class="small muted">Waiting on the server</span>Outcomes
Finished
Denied
Cancelled
<div class="big-state tone-ok">Finished</div>
<div class="big-state tone-no">Denied</div>
<div class="big-state tone-dim">Cancelled</div>Classes
| Class | What it does |
|---|---|
.hazard | sweeping 2px accent line on the top edge |
.dot.live | pulsing green dot |
.big-state + .tone-* | huge status word |