diff options
| author | Mark Otto <markd.otto@gmail.com> | 2022-03-29 01:05:37 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-03-29 01:05:37 +0300 |
| commit | e342142b61aacc187c776052bde93e414eb25db7 (patch) | |
| tree | 33cce334f95cd8b69525e7a22d53a1b3506540b7 /site/content/docs/5.1/components/modal.md | |
| parent | 7f35bc5b65dccf6c953321e47342c4ed0b7c4b2b (diff) | |
Train PR: CSS variables for accordion, cards, navs, and modals (#36071)
* Convert accordion to CSS vars
* Update accordion.md
* Convert navs to CSS variables
* Split up CSS vars
* bundlewatch
* fix vars
* Convert cards to CSS vars
* Convert modals to CSS variables
* Bundlewatch
Co-authored-by: Geremia Taglialatela <tagliala.dev@gmail.com>
Diffstat (limited to 'site/content/docs/5.1/components/modal.md')
| -rw-r--r-- | site/content/docs/5.1/components/modal.md | 12 |
1 files changed, 11 insertions, 1 deletions
diff --git a/site/content/docs/5.1/components/modal.md b/site/content/docs/5.1/components/modal.md index 6facc239c5..d3e64a96ad 100644 --- a/site/content/docs/5.1/components/modal.md +++ b/site/content/docs/5.1/components/modal.md @@ -766,10 +766,20 @@ Another override is the option to pop up a modal that covers the user viewport, </div> </div> -## Sass +## CSS ### Variables +{{< added-in "5.2.0" >}} + +As part of Bootstrap's evolving CSS variables approach, dropdowns now use local CSS variables on `.modal` and `.modal-backdrop` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too. + +{{< scss-docs name="modal-css-vars" file="scss/_modal.scss" >}} + +{{< scss-docs name="modal-backdrop-css-vars" file="scss/_modal.scss" >}} + +### Sass variables + {{< scss-docs name="modal-variables" file="scss/_variables.scss" >}} ### Loop |