jason/DigitalConsumer.FixMyGlass
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

CSR-262: add thickened border styling on has-error buttons that get focused

Browse source
This commit is contained in:
Adam Caouette 2022-03-19 10:51:10 -04:00
parent de44616680
commit ed1188ca5a
1 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/styles/common-error-styles.scss
View file

@ -7,9 +7,12 @@
box-shadow: 0 0 1px $red; box-shadow: 0 0 1px $red;
border-radius: .5rem; border-radius: .5rem;
} }
input[type=checkbox]:focus + label,
input[type=radio]:focus + label {
box-shadow: 0 0 0 2.5px $red;
}
} }
input[type=checkbox]:focus + label,
input[type=radio]:focus + label,
input[type=checkbox]:checked + label, input[type=checkbox]:checked + label,
input[type=radio]:checked + label { input[type=radio]:checked + label {
box-shadow: 0 0 0 2.5px transparent !important; box-shadow: 0 0 0 2.5px transparent !important;