// scss-lint:disable QualifyingElement, VendorPrefix // // Textual form controls // .form-control { color: $input-color; background-color: $input-bg; border: $input-btn-border-width solid $input-border-color; @include box-shadow($input-box-shadow); // Unstyle the caret on ` receives focus // in IE and (under certain conditions) Edge, as it looks bad and cannot be made to // match the appearance of the native widget. // See https://github.com/twbs/bootstrap/issues/19398. color: $input-color; background-color: $input-bg; } } // Readonly controls as plain text // // Apply class to a readonly input to make it appear like regular plain // text (without any border, background color, focus indicator) .form-control-plaintext { background-color: transparent; border: solid transparent; } .form-check { &.disabled { .form-check-label { color: $text-muted; } } } // Form validation // // Provide feedback to users when form field values are valid or invalid. Works // primarily for client-side validation via scoped `:invalid` and `:valid` // pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for // server side validation. @include form-validation-state("valid", $form-feedback-valid-color); @include form-validation-state("invalid", $form-feedback-invalid-color);