fix: add box-shadow on :focus for tab key navigation
This commit is contained in:
parent
47630b8ea0
commit
0742a754b8
1 changed files with 9 additions and 0 deletions
|
|
@ -50,6 +50,15 @@ input[type="checkbox"] {
|
|||
border: none;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
outline: none; // Prevent browser behavior
|
||||
box-shadow: 0 0 0 2px var(--gray-300);
|
||||
|
||||
[data-theme="dark"] & {
|
||||
box-shadow: 0 0 0 2px var(--gray-600);
|
||||
}
|
||||
}
|
||||
|
||||
&.disabled-deselected, &:disabled {
|
||||
background-color: var(--disabled-control-bg);
|
||||
box-shadow: inset 0px 1px 7px rgba(0, 0, 0, 0.1);
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue