feat(design-system): add focus-visible CSS for keyboard accessibility
This commit is contained in:
parent
99292bdb1d
commit
bc8c120145
@ -155,3 +155,14 @@ button {
|
||||
border-bottom: 1px solid var(--nl-border-default);
|
||||
}
|
||||
}
|
||||
|
||||
/* Focus-visible — keyboard accessibility */
|
||||
*:focus-visible {
|
||||
outline: 2px solid var(--nl-accent-primary, #5A8CFF);
|
||||
outline-offset: 2px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
*:focus:not(:focus-visible) {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user