Merge pull request #202 from Safelite/feature/CSR-339

CSR-339 correct tab / focus issue
This commit is contained in:
CarlNation 2022-02-08 14:57:15 -05:00 committed by GitHub
commit 19b0a23ce4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -133,21 +133,22 @@ export default {
position: static; //override bootstrap
height: 0;
opacity: 0;
}
&:focus-visible + label {
box-shadow: 0 0 0 2.5px $blue inset;
}
&:focus + label {
box-shadow: 0 0 0 2.5px $blue inset;
}
&:checked + label {
color: $black;
font-weight: 500;
background: $blue-100;
box-shadow: 0 0 0 1px $blue;
}
&:checked + label p:first-child {
font-weight: 500;
&:focus-visible + label {
box-shadow: 0 0 0 2.5px $blue inset;
}
&:focus + label {
box-shadow: 0 0 0 2.5px $blue inset;
}
&:checked + label {
color: $black;
font-weight: 500;
background: $blue-100;
box-shadow: 0 0 0 1px $blue;
}
&:checked + label p:first-child {
font-weight: 500;
}
}
}
label {