diff options
Diffstat (limited to 'site/content/docs/5.2/components/offcanvas.md')
| -rw-r--r-- | site/content/docs/5.2/components/offcanvas.md | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/site/content/docs/5.2/components/offcanvas.md b/site/content/docs/5.2/components/offcanvas.md index 39a5fb826d..a7384f978b 100644 --- a/site/content/docs/5.2/components/offcanvas.md +++ b/site/content/docs/5.2/components/offcanvas.md @@ -81,6 +81,8 @@ You can use a link with the `href` attribute, or a button with the `data-bs-targ ### Dark offcanvas +{{< 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`. {{< example class="bd-example-offcanvas p-0 bg-light overflow-hidden" >}} @@ -155,7 +157,7 @@ When backdrop is set to static, the offcanvas will not close when clicking outsi ## Responsive -<small class="d-inline-flex px-2 py-1 fw-semibold text-success bg-success bg-opacity-10 rounded-2">Added in v5.2.0</small> +{{< added-in "5.2.0" >}} Responsive offcanvas classes hide content outside the viewport from a specified breakpoint and down. Above that breakpoint, the contents within will behave as usual. For example, `.offcanvas-lg` hides content in an offcanvas below the `lg` breakpoint, but shows the content above the `lg` breakpoint. @@ -245,7 +247,7 @@ Since the offcanvas panel is conceptually a modal dialog, be sure to add `aria-l ### Variables -<small class="d-inline-flex px-2 py-1 fw-semibold text-success bg-success bg-opacity-10 rounded-2">Added in v5.2.0</small> +{{< added-in "5.2.0" >}} As part of Bootstrap's evolving CSS variables approach, offcanvas now uses local CSS variables on `.offcanvas` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too. |