diff options
| author | Mark Otto <[email protected]> | 2023-01-16 15:56:23 -0800 |
|---|---|---|
| committer | GitHub <[email protected]> | 2023-01-16 15:56:23 -0800 |
| commit | ca88999448f81b4c62b317f38c38dff74340fb1b (patch) | |
| tree | 30da1e86bea4cdd8c6320a591b0d6bdaac344886 | |
| parent | b3febfb000942a6b1fc4b4c2218e0d062b0e706e (diff) | |
| download | bootstrap-ca88999448f81b4c62b317f38c38dff74340fb1b.tar.xz bootstrap-ca88999448f81b4c62b317f38c38dff74340fb1b.zip | |
Fix `.form-control` in dark mode (#37893)
* Fix .form-control in dark mode
* Remove CSS vars from docs
| -rw-r--r-- | scss/_root.scss | 5 | ||||
| -rw-r--r-- | scss/_variables.scss | 4 | ||||
| -rw-r--r-- | site/content/docs/5.3/forms/form-control.md | 6 |
3 files changed, 2 insertions, 13 deletions
diff --git a/scss/_root.scss b/scss/_root.scss index f9de30195..7841a153e 100644 --- a/scss/_root.scss +++ b/scss/_root.scss @@ -115,11 +115,6 @@ --#{$prefix}box-shadow-lg: #{$box-shadow-lg}; --#{$prefix}box-shadow-inset: #{$box-shadow-inset}; - // scss-docs-start form-control-vars - --#{$prefix}form-control-bg: var(--#{$prefix}body-bg); - --#{$prefix}form-control-disabled-bg: var(--#{$prefix}secondary-bg); - // scss-docs-end form-control-vars - // Focus styles // scss-docs-start root-focus-variables --#{$prefix}focus-ring-width: #{$focus-ring-width}; diff --git a/scss/_variables.scss b/scss/_variables.scss index b6e6c04a7..7db6e4aa0 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -875,9 +875,9 @@ $input-padding-y-lg: $input-btn-padding-y-lg !default; $input-padding-x-lg: $input-btn-padding-x-lg !default; $input-font-size-lg: $input-btn-font-size-lg !default; -$input-bg: var(--#{$prefix}form-control-bg) !default; +$input-bg: var(--#{$prefix}body-bg) !default; $input-disabled-color: null !default; -$input-disabled-bg: var(--#{$prefix}form-control-disabled-bg) !default; +$input-disabled-bg: var(--#{$prefix}secondary-bg) !default; $input-disabled-border-color: null !default; $input-color: var(--#{$prefix}body-color) !default; diff --git a/site/content/docs/5.3/forms/form-control.md b/site/content/docs/5.3/forms/form-control.md index b2abeb7c2..0c6b5997e 100644 --- a/site/content/docs/5.3/forms/form-control.md +++ b/site/content/docs/5.3/forms/form-control.md @@ -173,12 +173,6 @@ Learn more about [support for datalist elements](https://caniuse.com/datalist). ## CSS -### Variables - -Form controls make use of a small amount of CSS variables to support custom styling across color modes. - -{{< scss-docs name="form-control-vars" file="scss/_root.scss" >}} - ### Sass variables `$input-*` are shared across most of our form controls (and not buttons). |