root
/
bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Issues Actions 11 Packages Projects Releases Wiki Activity

Fix `.form-control` in dark mode (#37893) 

* Fix .form-control in dark mode

* Remove CSS vars from docs
This commit is contained in:
Mark Otto 2023-01-16 15:56:23 -08:00 committed by GitHub
parent b3febfb000
commit ca88999448
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 2 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
scss/_root.scss
View File

@ -115,11 +115,6 @@
--#{$prefix}box-shadow-lg: #{$box-shadow-lg}; --#{$prefix}box-shadow-lg: #{$box-shadow-lg};
--#{$prefix}box-shadow-inset: #{$box-shadow-inset}; --#{$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 // Focus styles
// scss-docs-start root-focus-variables // scss-docs-start root-focus-variables
--#{$prefix}focus-ring-width: #{$focus-ring-width}; --#{$prefix}focus-ring-width: #{$focus-ring-width};

4
scss/_variables.scss
View File

@ -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-padding-x-lg: $input-btn-padding-x-lg !default;
$input-font-size-lg: $input-btn-font-size-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-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-disabled-border-color: null !default;
$input-color: var(--#{$prefix}body-color) !default; $input-color: var(--#{$prefix}body-color) !default;

6
site/content/docs/5.3/forms/form-control.md
View File

@ -173,12 +173,6 @@ Learn more about [support for datalist elements](https://caniuse.com/datalist).
## CSS ## 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 ### Sass variables
`$input-*` are shared across most of our form controls (and not buttons). `$input-*` are shared across most of our form controls (and not buttons).