diff options
| author | Mark Otto <[email protected]> | 2023-01-11 20:56:23 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2023-01-11 21:05:21 -0800 |
| commit | f23e203bd0096d7a2da9eec2cd57aa6ba65bf252 (patch) | |
| tree | 8f8c85045426e284584168a86572dc2a12793ac1 | |
| parent | 2d57b88902b93a67adc80e056a22edfd3155de0b (diff) | |
| download | bootstrap-f23e203bd0096d7a2da9eec2cd57aa6ba65bf252.tar.xz bootstrap-f23e203bd0096d7a2da9eec2cd57aa6ba65bf252.zip | |
Mention deprecated classes for color mode on offcanvas
| -rw-r--r-- | site/content/docs/5.3/components/offcanvas.md | 6 |
1 files changed, 5 insertions, 1 deletions
diff --git a/site/content/docs/5.3/components/offcanvas.md b/site/content/docs/5.3/components/offcanvas.md index ee1a4c4d8..7c4c86206 100644 --- a/site/content/docs/5.3/components/offcanvas.md +++ b/site/content/docs/5.3/components/offcanvas.md @@ -139,10 +139,14 @@ When backdrop is set to static, the offcanvas will not close when clicking outsi ## Dark offcanvas -{{< added-in "5.2.0" >}} +{{< deprecated-in "5.3.0" >}} {{< added-in "5.2.0" >}} Change the appearance of offcanvases with utilities to better match them to different contexts like dark navbars. Here we add `.text-bg-dark` to the `.offcanvas` and `.btn-close-white` to `.btn-close` for proper styling with a dark offcanvas. If you have dropdowns within, consider also adding `.dropdown-menu-dark` to `.dropdown-menu`. +{{< callout warning >}} +Heads up! Dark variants for components were deprecated in v5.3.0 with the introduction of color modes. Instead of manually adding classes mentioned above, set `data-bs-theme="dark"` on the root element, a parent wrapper, or the component itself. +{{< /callout >}} + {{< example class="bd-example-offcanvas p-0 bg-body-secondary overflow-hidden" >}} <div class="offcanvas offcanvas-start show text-bg-dark" tabindex="-1" id="offcanvasDark" aria-labelledby="offcanvasDarkLabel"> <div class="offcanvas-header"> |