Missing focus state for selected radio buttons
}
}
+ &:not(:disabled) {
&:focus,
&:active {
& + label {
&::before {
transition: box-shadow var(--elastic-transition);
box-shadow: 0 0 0 5px var(--focus-input-glow),
- inset 0 0 0 8px var(--focus-input-border);
+ inset 0 0 0 5px var(--focus-input-border);
}
}
}
&:checked {
+ &:focus,
+ &:active {
& + label {
&::before {
- box-shadow: 0 0 0 10px transparent,
+ box-shadow: 0 0 0 5px var(--focus-input-glow),
inset 0 0 0 8px var(--focus-input-border);
}
}
}
+ }
+ }
+
+ &:checked {
+ & + label {
+ &:active,
+ &:focus {
+ &::before {
+ box-shadow: 0 0 0 5px var(--focus-input-glow),
+ inset 0 0 0 12px var(--focus-input-border);
+ }
+ }
+ }
+
+ & + label {
+ &::before {
+ box-shadow: inset 0 0 0 8px var(--focus-input-border);
+ }
+ }
+ }
&:disabled {
& + label {
