From 544cf8df48de281aafb5ae0615b9bc9fd75ed4f8 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 12 Apr 2022 13:42:38 -0700 Subject: [PATCH] Add input-disabled-color Sass variable --- scss/_variables.scss | 1 + scss/forms/_form-control.scss | 1 + 2 files changed, 2 insertions(+) diff --git a/scss/_variables.scss b/scss/_variables.scss index 79649a5f9a..6aae8adc55 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -822,6 +822,7 @@ $input-padding-x-lg: $input-btn-padding-x-lg !default; $input-font-size-lg: $input-btn-font-size-lg !default; $input-bg: $body-bg !default; +$input-disabled-color: null !default; $input-disabled-bg: $gray-200 !default; $input-disabled-border-color: null !default; diff --git a/scss/forms/_form-control.scss b/scss/forms/_form-control.scss index 51b3baa838..c781ae7b9e 100644 --- a/scss/forms/_form-control.scss +++ b/scss/forms/_form-control.scss @@ -66,6 +66,7 @@ // don't honor that edge case; we style them as disabled anyway. &:disabled, &[readonly] { + color: $input-disabled-color; background-color: $input-disabled-bg; border-color: $input-disabled-border-color; // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.