From e342142b61aacc187c776052bde93e414eb25db7 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 28 Mar 2022 15:05:37 -0700 Subject: 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 --- site/content/docs/5.1/components/modal.md | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) (limited to 'site/content/docs/5.1/components/modal.md') 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, -## 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 -- cgit v1.2.3