I have the following code addressing the currency-field parent selector:
.currency-field {
.ng-invalid & {
border: 1px solid $color-failure;
}
}
I have several class="currency-field" tags in the html and all of them get referenced by the ng-invalid class even though only one of the fields has the ng-invalid class. I want to modify the above code so that only the .currency-field tag with the .ng-invalid class is referenced. I want to put a border on the parent currency-field when the child input tag contains the ng-invalid class.