Merge pull request #202 from Safelite/feature/CSR-339
CSR-339 correct tab / focus issue
This commit is contained in:
commit
19b0a23ce4
1 changed files with 16 additions and 15 deletions
|
|
@ -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 {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue