]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
Docs: organize callouts in partials (#37320)
authorMark Otto <markd.otto@gmail.com>
Sun, 16 Oct 2022 16:09:33 +0000 (09:09 -0700)
committerGitHub <noreply@github.com>
Sun, 16 Oct 2022 16:09:33 +0000 (18:09 +0200)
32 files changed:
site/content/docs/5.2/components/accordion.md
site/content/docs/5.2/components/alerts.md
site/content/docs/5.2/components/badge.md
site/content/docs/5.2/components/buttons.md
site/content/docs/5.2/components/card.md
site/content/docs/5.2/components/carousel.md
site/content/docs/5.2/components/collapse.md
site/content/docs/5.2/components/list-group.md
site/content/docs/5.2/components/modal.md
site/content/docs/5.2/components/navbar.md
site/content/docs/5.2/components/navs-tabs.md
site/content/docs/5.2/components/offcanvas.md
site/content/docs/5.2/components/popovers.md
site/content/docs/5.2/components/progress.md
site/content/docs/5.2/components/spinners.md
site/content/docs/5.2/components/toasts.md
site/content/docs/5.2/components/tooltips.md
site/content/docs/5.2/content/reboot.md
site/content/docs/5.2/content/tables.md
site/content/docs/5.2/customize/sass.md
site/content/docs/5.2/getting-started/contribute.md
site/content/docs/5.2/getting-started/download.md
site/content/docs/5.2/layout/breakpoints.md
site/content/docs/5.2/utilities/colors.md
site/layouts/partials/callouts/danger-async-methods.md [moved from site/layouts/partials/callout-danger-async-methods.md with 100% similarity]
site/layouts/partials/callouts/info-mediaqueries-breakpoints.md [moved from site/layouts/partials/callout-info-mediaqueries-breakpoints.md with 100% similarity]
site/layouts/partials/callouts/info-npm-starter.md [moved from site/layouts/partials/callout-info-npm-starter.md with 100% similarity]
site/layouts/partials/callouts/info-prefersreducedmotion.md [moved from site/layouts/partials/callout-info-prefersreducedmotion.md with 100% similarity]
site/layouts/partials/callouts/info-sanitizer.md [moved from site/layouts/partials/callout-info-sanitizer.md with 100% similarity]
site/layouts/partials/callouts/warning-color-assistive-technologies.md [moved from site/layouts/partials/callout-warning-color-assistive-technologies.md with 100% similarity]
site/layouts/partials/callouts/warning-data-bs-title-vs-title.md [moved from site/layouts/partials/callout-warning-data-bs-title-vs-title.md with 100% similarity]
site/layouts/partials/callouts/warning-input-support.md [moved from site/layouts/partials/callout-warning-input-support.md with 100% similarity]

index 2e247239c8c4e7c7dcbc7473849794fcb8d267b8..21b518ad1d45e53c3f1b5602748a2846930838fe 100644 (file)
@@ -14,7 +14,7 @@ toc: true
 The accordion uses [collapse]({{< docsref "/components/collapse" >}}) internally to make it collapsible. To render an accordion that's expanded, add the `.open` class on the `.accordion`.
 
 {{< callout info >}}
-{{< partial "callout-info-prefersreducedmotion.md" >}}
+{{< partial "callouts/info-prefersreducedmotion.md" >}}
 {{< /callout >}}
 
 ## Example
index 8837ed46cdfdcfd8bfd7e6051e5d39e31a325ab9..523f525fe9e802f48cef64d626dc5bb2c337df4b 100644 (file)
@@ -20,7 +20,7 @@ Alerts are available for any length of text, as well as an optional close button
 {{< /example >}}
 
 {{< callout info >}}
-{{< partial "callout-warning-color-assistive-technologies.md" >}}
+{{< partial "callouts/warning-color-assistive-technologies.md" >}}
 {{< /callout >}}
 
 ### Live example
index 55b1ffb851182ff8b36cb12ae7c3b61994cf3ba8..c07387850bc6af377f9c4791539324c6cddc6cef 100644 (file)
@@ -74,7 +74,7 @@ Set a `background-color` with contrasting foreground `color` with [our `.text-bg
 {{< /example >}}
 
 {{< callout info >}}
-{{< partial "callout-warning-color-assistive-technologies.md" >}}
+{{< partial "callouts/warning-color-assistive-technologies.md" >}}
 {{< /callout >}}
 
 ## Pill badges
index c2fdd75b14716652e1bb5bc9601e1504d495ab12..396beec7f39b95e0940cce1333071780c210dd00 100644 (file)
@@ -21,7 +21,7 @@ Bootstrap includes several predefined button styles, each serving its own semant
 {{< /example >}}
 
 {{< callout info >}}
-{{< partial "callout-warning-color-assistive-technologies.md" >}}
+{{< partial "callouts/warning-color-assistive-technologies.md" >}}
 {{< /callout >}}
 
 ## Disable text wrapping
index 6bc90e7b84f3da303d521a650f83b74424991e52..89466fe5ce572d4062f6ee87c516c9e5b4a01287 100644 (file)
@@ -436,7 +436,7 @@ Set a `background-color` with contrasting foreground `color` with [our `.text-bg
 {{< /example >}}
 
 {{< callout info >}}
-{{< partial "callout-warning-color-assistive-technologies.md" >}}
+{{< partial "callouts/warning-color-assistive-technologies.md" >}}
 {{< /callout >}}
 
 ### Border
index e32ce64eba2a27ec8e0773b8c61b8da8aefe3462..376998298fa16f923be2d38153a3d3c1206403be 100644 (file)
@@ -13,7 +13,7 @@ The carousel is a slideshow for cycling through a series of content, built with
 In browsers where the [Page Visibility API](https://www.w3.org/TR/page-visibility/) is supported, the carousel will avoid sliding when the webpage is not visible to the user (such as when the browser tab is inactive, the browser window is minimized, etc.).
 
 {{< callout info >}}
-{{< partial "callout-info-prefersreducedmotion.md" >}}
+{{< partial "callouts/info-prefersreducedmotion.md" >}}
 {{< /callout >}}
 
 Please be aware that nested carousels are not supported, and carousels are generally not compliant with accessibility standards.
@@ -331,7 +331,7 @@ const carousel = new bootstrap.Carousel('#myCarousel')
 ### Methods
 
 {{< callout danger >}}
-{{< partial "callout-danger-async-methods.md" >}}
+{{< partial "callouts/danger-async-methods.md" >}}
 {{< /callout >}}
 
 You can create a carousel instance with the carousel constructor, for example, to initialize with additional options and start cycling through items:
index 21be901c0551dbca156da26171c14bc2d362eb44..e53fb5458f66f52eb9015f44212f41dc693a7e71 100644 (file)
@@ -11,7 +11,7 @@ toc: true
 The collapse JavaScript plugin is used to show and hide content. Buttons or anchors are used as triggers that are mapped to specific elements you toggle. Collapsing an element will animate the `height` from its current value to `0`. Given how CSS handles animations, you cannot use `padding` on a `.collapse` element. Instead, use the class as an independent wrapping element.
 
 {{< callout info >}}
-{{< partial "callout-info-prefersreducedmotion.md" >}}
+{{< partial "callouts/info-prefersreducedmotion.md" >}}
 {{< /callout >}}
 
 ## Example
@@ -153,7 +153,7 @@ const collapseList = [...collapseElementList].map(collapseEl => new bootstrap.Co
 ### Methods
 
 {{< callout danger >}}
-{{< partial "callout-danger-async-methods.md" >}}
+{{< partial "callouts/danger-async-methods.md" >}}
 {{< /callout >}}
 
 Activates your content as a collapsible element. Accepts an optional options `object`.
index 7804c740695dd4872e7a19b75355108b68542938..e7b48920b98f63b67bf5f0ebfceb7b5179d893a1 100644 (file)
@@ -183,7 +183,7 @@ Contextual classes also work with `.list-group-item-action`. Note the addition o
 {{< /example >}}
 
 {{< callout info >}}
-{{< partial "callout-warning-color-assistive-technologies.md" >}}
+{{< partial "callouts/warning-color-assistive-technologies.md" >}}
 {{< /callout >}}
 
 ## With badges
@@ -443,7 +443,7 @@ To make tabs panel fade in, add `.fade` to each `.tab-pane`. The first tab pane
 ### Methods
 
 {{< callout danger >}}
-{{< partial "callout-danger-async-methods.md" >}}
+{{< partial "callouts/danger-async-methods.md" >}}
 {{< /callout >}}
 
 Activates your content as a tab element.
index ed31b7374f9fe28dc9db3cffe426c4193bff9cda..c16a3e2298877401477efe1048fcffc9e9b15e81 100644 (file)
@@ -27,7 +27,7 @@ myModal.addEventListener('shown.bs.modal', () => {
 ```
 
 {{< callout info >}}
-{{< partial "callout-info-prefersreducedmotion.md" >}}
+{{< partial "callouts/info-prefersreducedmotion.md" >}}
 {{< /callout >}}
 
 Keep reading for demos and usage guidelines.
@@ -841,7 +841,7 @@ const myModalAlternative = new bootstrap.Modal('#myModal', options)
 ### Methods
 
 {{< callout danger >}}
-{{< partial "callout-danger-async-methods.md" >}}
+{{< partial "callouts/danger-async-methods.md" >}}
 {{< /callout >}}
 
 #### Passing options
index 7cbc4e2c18fe8e41133e0fb7471ebbf5632efa74..c4c1615384bcc71442573845d4f841fc8a9ca7f2 100644 (file)
@@ -19,7 +19,7 @@ Here's what you need to know before getting started with the navbar:
 - **New in v5.2.0:** Navbars can be themed with CSS variables that are scoped to the `.navbar` base class. `.navbar-light` has been deprecated and `.navbar-dark` has been rewritten to override CSS variables instead of adding additional styles.
 
 {{< callout info >}}
-{{< partial "callout-info-prefersreducedmotion.md" >}}
+{{< partial "callouts/info-prefersreducedmotion.md" >}}
 {{< /callout >}}
 
 ## Supported content
index 1748dd1bbca0c3030fd37cdcf07a9bbe4e1abb18..503bc75710ba4e4080c38e952b57a3983ebff22b 100644 (file)
@@ -622,7 +622,7 @@ To make tabs fade in, add `.fade` to each `.tab-pane`. The first tab pane must a
 ### Methods
 
 {{< callout danger >}}
-{{< partial "callout-danger-async-methods.md" >}}
+{{< partial "callouts/danger-async-methods.md" >}}
 {{< /callout >}}
 
 Activates your content as a tab element.
index c4290adf226ea1d4485decbe704b4b36a2397609..0221db2d874ef57dee0b99027e5cded0f4c03da1 100644 (file)
@@ -18,7 +18,7 @@ Offcanvas is a sidebar component that can be toggled via JavaScript to appear fr
 **Heads up!** Given how CSS handles animations, you cannot use `margin` or `translate` on an `.offcanvas` element. Instead, use the class as an independent wrapping element.
 
 {{< callout info >}}
-{{< partial "callout-info-prefersreducedmotion.md" >}}
+{{< partial "callouts/info-prefersreducedmotion.md" >}}
 {{< /callout >}}
 
 ## Examples
@@ -310,7 +310,7 @@ const offcanvasList = [...offcanvasElementList].map(offcanvasEl => new bootstrap
 ### Methods
 
 {{< callout danger >}}
-{{< partial "callout-danger-async-methods.md" >}}
+{{< partial "callouts/danger-async-methods.md" >}}
 {{< /callout >}}
 
 Activates your content as an offcanvas element. Accepts an optional options `object`.
index bbcd938ac4d97d1f422446bc573e641845a038c7..56fbb77a02728478b28db6a9b2031dc90859bf5c 100644 (file)
@@ -22,11 +22,11 @@ Things to know when using the popover plugin:
 - Popovers can be triggered thanks to an element inside a shadow DOM.
 
 {{< callout info >}}
-{{< partial "callout-info-sanitizer.md" >}}
+{{< partial "callouts/info-sanitizer.md" >}}
 {{< /callout >}}
 
 {{< callout info >}}
-{{< partial "callout-info-prefersreducedmotion.md" >}}
+{{< partial "callouts/info-prefersreducedmotion.md" >}}
 {{< /callout >}}
 
 Keep reading to see how popovers work with some examples.
@@ -47,7 +47,7 @@ const popoverList = [...popoverTriggerList].map(popoverTriggerEl => new bootstra
 We use JavaScript similar to the snippet above to render the following live popover. Titles are set via `data-bs-title` and body content is set via `data-bs-content`.
 
 {{< callout warning >}}
-{{< partial "callout-warning-data-bs-title-vs-title.md" >}}
+{{< partial "callouts/warning-data-bs-title-vs-title.md" >}}
 {{< /callout >}}
 
 {{< example stackblitz_add_js="true" >}}
@@ -228,7 +228,7 @@ const popover = new bootstrap.Popover(element, {
 ### Methods
 
 {{< callout danger >}}
-{{< partial "callout-danger-async-methods.md" >}}
+{{< partial "callouts/danger-async-methods.md" >}}
 {{< /callout >}}
 
 {{< bs-table "table" >}}
index aa793683b506b204e581a096f2dec1f7e005f89c..a06aafafff87f1348865fcefc9eba2028aafb72a 100644 (file)
@@ -86,7 +86,7 @@ Use background utility classes to change the appearance of individual progress b
 {{< /example >}}
 
 {{< callout info >}}
-{{< partial "callout-warning-color-assistive-technologies.md" >}}
+{{< partial "callouts/warning-color-assistive-technologies.md" >}}
 {{< /callout >}}
 
 ## Multiple bars
index bc1b1e64f8369d35392d720b9ad715ee2ad67f35..3ad478096de23ce8d944134b057c1385a19616fc 100644 (file)
@@ -13,7 +13,7 @@ Bootstrap "spinners" can be used to show the loading state in your projects. The
 For accessibility purposes, each loader here includes `role="status"` and a nested `<span class="visually-hidden">Loading...</span>`.
 
 {{< callout info >}}
-{{< partial "callout-info-prefersreducedmotion.md" >}}
+{{< partial "callouts/info-prefersreducedmotion.md" >}}
 {{< /callout >}}
 
 ## Border spinner
index abcb3928ac9fd2103e467135c8d795a7a1370b1e..e4e7c028bfcdfde84312cc4d8271d8f325b9c86d 100644 (file)
@@ -16,7 +16,7 @@ Things to know when using the toast plugin:
 - Toasts will automatically hide if you do not specify `autohide: false`.
 
 {{< callout info >}}
-{{< partial "callout-info-prefersreducedmotion.md" >}}
+{{< partial "callouts/info-prefersreducedmotion.md" >}}
 {{< /callout >}}
 
 ## Examples
@@ -368,7 +368,7 @@ const toastList = [...toastElList].map(toastEl => new bootstrap.Toast(toastEl, o
 ### Methods
 
 {{< callout danger >}}
-{{< partial "callout-danger-async-methods.md" >}}
+{{< partial "callouts/danger-async-methods.md" >}}
 {{< /callout >}}
 
 {{< bs-table "table" >}}
index a106d9de8503d64ee5b170cebc5eece872560250..ef269eca4b4152af3c32b235491f8917618f3f96 100644 (file)
@@ -23,11 +23,11 @@ Things to know when using the tooltip plugin:
 Got all that? Great, let's see how they work with some examples.
 
 {{< callout info >}}
-{{< partial "callout-info-sanitizer.md" >}}
+{{< partial "callouts/info-sanitizer.md" >}}
 {{< /callout >}}
 
 {{< callout info >}}
-{{< partial "callout-info-prefersreducedmotion.md" >}}
+{{< partial "callouts/info-prefersreducedmotion.md" >}}
 {{< /callout >}}
 
 ## Examples
@@ -51,7 +51,7 @@ Hover over the links below to see tooltips:
 {{< /example >}}
 
 {{< callout warning >}}
-{{< partial "callout-warning-data-bs-title-vs-title.md" >}}
+{{< partial "callouts/warning-data-bs-title-vs-title.md" >}}
 {{< /callout >}}
 
 ### Custom tooltips
@@ -246,7 +246,7 @@ const tooltip = new bootstrap.Tooltip(element, {
 ### Methods
 
 {{< callout danger >}}
-{{< partial "callout-danger-async-methods.md" >}}
+{{< partial "callouts/danger-async-methods.md" >}}
 {{< /callout >}}
 
 {{< bs-table "table" >}}
index 75871fb22d0013f78162b0ca23ba984ee32f6d81..55f7f6633117ceb5c8949acb686436af393b7258 100644 (file)
@@ -363,7 +363,7 @@ These changes, and more, are demonstrated below.
 </form>
 
 {{< callout warning >}}
-{{< partial "callout-warning-input-support.md" >}}
+{{< partial "callouts/warning-input-support.md" >}}
 {{< /callout >}}
 
 ### Pointers on buttons
index 577e3ef84c2d90a383f55d09f1d71d6c9921dd5b..e8841bb7c62abd78bff47a1df1658ae6ff071dc5 100644 (file)
@@ -69,7 +69,7 @@ Use contextual classes to color tables, table rows or individual cells.
 {{< /highlight >}}
 
 {{< callout info >}}
-{{< partial "callout-warning-color-assistive-technologies.md" >}}
+{{< partial "callouts/warning-color-assistive-technologies.md" >}}
 {{< /callout >}}
 
 ## Accented tables
index 0fd90bc370f3603935950af9dae547c31a82b17f..de6dee805c4f97ea826b9828f49aabdc0276325f 100644 (file)
@@ -117,7 +117,7 @@ $body-color: #111;
 Repeat as necessary for any variable in Bootstrap, including the global options below.
 
 {{< callout info >}}
-{{< partial "callout-info-npm-starter.md" >}}
+{{< partial "callouts/info-npm-starter.md" >}}
 {{< /callout >}}
 
 ## Maps and loops
index 6b3de43b6668fa2974b2bf1ca159f1aa8af1b755..c42ad3c496ceb748ce4331e4b31e86feeba0f4d4 100644 (file)
@@ -33,7 +33,7 @@ Our [package.json]({{< param repo >}}/blob/v{{< param current_version >}}/packag
 {{< /bs-table >}}
 
 {{< callout info >}}
-{{< partial "callout-info-npm-starter.md" >}}
+{{< partial "callouts/info-npm-starter.md" >}}
 {{< /callout >}}
 
 ## Sass
index b06c0559a2d0ff7ad099eca28876a466f706aa18..f3965807a59f951fa6f66fdc64c91b0ed62b038c 100644 (file)
@@ -71,7 +71,7 @@ Bootstrap's `package.json` contains some additional metadata under the following
 - `style` - path to Bootstrap's non-minified CSS that's been compiled using the default settings (no customization)
 
 {{< callout info >}}
-{{< partial "callout-info-npm-starter.md" >}}
+{{< partial "callouts/info-npm-starter.md" >}}
 {{< /callout >}}
 
 ### yarn
index e773b8f9af6786bfca0642c82b5dd5cd95477b09..ebc5d26b37b59451dd93a861947b172f27ebf365 100644 (file)
@@ -135,7 +135,7 @@ These mixins take those declared breakpoints, subtract `.02px` from them, and us
 ```
 
 {{< callout warning >}}
-{{< partial "callout-info-mediaqueries-breakpoints.md" >}}
+{{< partial "callouts/info-mediaqueries-breakpoints.md" >}}
 {{< /callout >}}
 
 ### Single breakpoint
index eb917f91c2f6b0690bfda9626672d929389550a5..d5acd41b59a090d2d528b78edb20fce910520da4 100644 (file)
@@ -28,7 +28,7 @@ Colorize text with color utilities. If you want to colorize links, you can use t
 {{< /callout >}}
 
 {{< callout info >}}
-{{< partial "callout-warning-color-assistive-technologies.md" >}}
+{{< partial "callouts/warning-color-assistive-technologies.md" >}}
 {{< /callout >}}
 
 ## Opacity