digital-garbageandClaude Sonnet 5.5
580fa5f94a
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
26 lines
672 B
CSS
26 lines
672 B
CSS
/* Shared bases for kit elements. No #ids, no feature selectors, no element
|
|
* appears here that does not exist in elements/. Every kit class is `cx-`. */
|
|
|
|
.cx-focusable:focus-visible {
|
|
outline: none;
|
|
border-color: var(--accent);
|
|
box-shadow: var(--focus-ring);
|
|
}
|
|
|
|
.cx-disabled,
|
|
.cx-focusable:disabled {
|
|
opacity: var(--disabled-opacity);
|
|
pointer-events: none;
|
|
}
|
|
|
|
/* Visually hidden but reachable by assistive tech — icon-only controls need it,
|
|
* which is why `label` is a required prop on iconButton. */
|
|
.cx-sr {
|
|
position: absolute;
|
|
width: 1px; height: 1px;
|
|
padding: 0; margin: -1px;
|
|
overflow: hidden;
|
|
clip-path: inset(50%);
|
|
white-space: nowrap;
|
|
}
|