Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Docs: use added-in shortcode in Offcanvas #36836

Merged
merged 3 commits into from Jul 25, 2022
Merged

Docs: use added-in shortcode in Offcanvas #36836

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
d2cee62
Docs: use added-in shortcode in Offcanvas
julien-deramond Jul 25, 2022
65baec1
Merge branch 'main' into main-jd-use-added-in-shortcode-everywhere
julien-deramond Jul 25, 2022
2cc998e
Merge branch 'main' into main-jd-use-added-in-shortcode-everywhere
julien-deramond Jul 25, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
4 changes: 2 additions & 2 deletions site/content/docs/5.2/components/offcanvas.md
View file
Open in desktop
Expand Up @@ -155,7 +155,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.

Expand Down Expand Up @@ -245,7 +245,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.

Expand Down