Reversed

CSS core

Topics

Human support

Bring a missing role, layout, or state, or a rendering against the standard, to the session working on kit. Name the package and the entry.

Reversed — a block that reverses its text in the body, painted from --kit-reversed under --kit-reversed-ink and --kit-reversed-muted: the refusal below.

Main Hall cannot be booked on 12 May. It is closed for repairs.

Choose another date

Source

<p>Reversed — a block that reverses its text in the body, painted from <code>--kit-reversed</code> under <code>--kit-reversed-ink</code> and <code>--kit-reversed-muted</code>: the refusal below.</p>
<div data-kit-role="refusal" id="token-reversed-refusal" role="alert" aria-atomic="true">
  <p data-kit-region="line">Main Hall cannot be booked on 12 May. It is closed for repairs.</p>
  <ul data-kit-region="causes"><li><a href="#token-reversed-refusal">Choose another date</a></li></ul>
</div>

Previous, Focus Next, On ground