js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 04:09:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix focus styles

Browse Source
This commit is contained in:
Burton Smith
2022-07-29 11:03:49 -04:00
parent d765cef376
commit ae3efaf8ae
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/radio/radio.styles.ts
View File

@@ -8,6 +8,10 @@ export default css`
display: inline-block;
}
:host(:focus-visible) {
outline: 0px;
}
.radio {
display: inline-flex;
align-items: top;
@@ -80,7 +84,7 @@ export default css`
}
/* Checked + focus */
.radio.radio--checked:not(.radio--disabled) .radio__input:focus-visible ~ .radio__control {
.radio.radio--focused .radio__control {
outline: var(--sl-focus-ring);
outline-offset: var(--sl-focus-ring-offset);
}