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 position: static; //override bootstrap
height: 0; height: 0;
opacity: 0; opacity: 0;
}
&:focus-visible + label { &:focus-visible + label {
box-shadow: 0 0 0 2.5px $blue inset; box-shadow: 0 0 0 2.5px $blue inset;
} }
&:focus + label { &:focus + label {
box-shadow: 0 0 0 2.5px $blue inset; box-shadow: 0 0 0 2.5px $blue inset;
} }
&:checked + label { &:checked + label {
color: $black; color: $black;
font-weight: 500; font-weight: 500;
background: $blue-100; background: $blue-100;
box-shadow: 0 0 0 1px $blue; box-shadow: 0 0 0 1px $blue;
} }
&:checked + label p:first-child { &:checked + label p:first-child {
font-weight: 500; font-weight: 500;
}
} }
} }
label { label {