56 lines
1.1 KiB
SCSS
56 lines
1.1 KiB
SCSS
.has-error {
|
|
&.list-button,
|
|
&.list-card {
|
|
border: 1px solid transparent;
|
|
color: $red;
|
|
label {
|
|
border: 1px solid $red;
|
|
border-radius: .5rem;
|
|
}
|
|
}
|
|
input[type=checkbox]:focus + label,
|
|
input[type=radio]:focus + label,
|
|
input[type=checkbox]:checked + label,
|
|
input[type=radio]:checked + label {
|
|
box-shadow: 0 0 0 2.5px transparent !important;
|
|
}
|
|
&.list-button-horizontal {
|
|
color: $red;
|
|
label {
|
|
border: 1px solid $red;
|
|
}
|
|
}
|
|
&.ui-radio,
|
|
&.ui-checkbox {
|
|
input[type=radio]+label:before,
|
|
input[type=checkbox]+label:before {
|
|
border: 1px solid $red;
|
|
}
|
|
input[type=checkbox]:checked + label:before {
|
|
border: 1px solid $blue;
|
|
}
|
|
}
|
|
}
|
|
|
|
.form-test-error {
|
|
color: $red;
|
|
font-size: .875rem;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.form-test-invalid {
|
|
&.btn.btn-primary {
|
|
color: $gray;
|
|
background: $gray-200;
|
|
cursor: pointer;
|
|
pointer-events: all;
|
|
}
|
|
&.btn.btn-primary:hover,
|
|
&.btn.btn-primary:focus,
|
|
&.btn.btn-primary:focus-visible {
|
|
color: $gray;
|
|
background: $gray-200;
|
|
box-shadow: none;
|
|
}
|
|
|
|
}
|