rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-07 04:54:24 +01:00
Code Issues Actions Packages Releases Activity

Docs: organize callouts in partials (#37320)

Browse Source
This commit is contained in:
Mark Otto 2022-10-16 09:09:33 -07:00 committed by GitHub
parent c40495cbf8
commit 1095d4a4af
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
32 changed files with 36 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
site/content/docs/5.2/components/accordion.md
View 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`. 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 >}} {{< callout info >}}
{{< partial "callout-info-prefersreducedmotion.md" >}} {{< partial "callouts/info-prefersreducedmotion.md" >}}
{{< /callout >}} {{< /callout >}}
## Example ## Example

2
site/content/docs/5.2/components/alerts.md
View File

@ -20,7 +20,7 @@ Alerts are available for any length of text, as well as an optional close button
{{< /example >}} {{< /example >}}
{{< callout info >}} {{< callout info >}}
{{< partial "callout-warning-color-assistive-technologies.md" >}} {{< partial "callouts/warning-color-assistive-technologies.md" >}}
{{< /callout >}} {{< /callout >}}
### Live example ### Live example

2
site/content/docs/5.2/components/badge.md
View File

@ -74,7 +74,7 @@ Set a `background-color` with contrasting foreground `color` with [our `.text-bg
{{< /example >}} {{< /example >}}
{{< callout info >}} {{< callout info >}}
{{< partial "callout-warning-color-assistive-technologies.md" >}} {{< partial "callouts/warning-color-assistive-technologies.md" >}}
{{< /callout >}} {{< /callout >}}
## Pill badges ## Pill badges

2
site/content/docs/5.2/components/buttons.md
View File

@ -21,7 +21,7 @@ Bootstrap includes several predefined button styles, each serving its own semant
{{< /example >}} {{< /example >}}
{{< callout info >}} {{< callout info >}}
{{< partial "callout-warning-color-assistive-technologies.md" >}} {{< partial "callouts/warning-color-assistive-technologies.md" >}}
{{< /callout >}} {{< /callout >}}
## Disable text wrapping ## Disable text wrapping

2
site/content/docs/5.2/components/card.md
View File

@ -436,7 +436,7 @@ Set a `background-color` with contrasting foreground `color` with [our `.text-bg
{{< /example >}} {{< /example >}}
{{< callout info >}} {{< callout info >}}
{{< partial "callout-warning-color-assistive-technologies.md" >}} {{< partial "callouts/warning-color-assistive-technologies.md" >}}
{{< /callout >}} {{< /callout >}}
### Border ### Border

4
site/content/docs/5.2/components/carousel.md
View 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.). 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 >}} {{< callout info >}}
{{< partial "callout-info-prefersreducedmotion.md" >}} {{< partial "callouts/info-prefersreducedmotion.md" >}}
{{< /callout >}} {{< /callout >}}
Please be aware that nested carousels are not supported, and carousels are generally not compliant with accessibility standards. 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 ### Methods
{{< callout danger >}} {{< callout danger >}}
{{< partial "callout-danger-async-methods.md" >}} {{< partial "callouts/danger-async-methods.md" >}}
{{< /callout >}} {{< /callout >}}
You can create a carousel instance with the carousel constructor, for example, to initialize with additional options and start cycling through items: You can create a carousel instance with the carousel constructor, for example, to initialize with additional options and start cycling through items:

4
site/content/docs/5.2/components/collapse.md
View 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. 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 >}} {{< callout info >}}
{{< partial "callout-info-prefersreducedmotion.md" >}} {{< partial "callouts/info-prefersreducedmotion.md" >}}
{{< /callout >}} {{< /callout >}}
## Example ## Example
@ -153,7 +153,7 @@ const collapseList = [...collapseElementList].map(collapseEl => new bootstrap.Co
### Methods ### Methods
{{< callout danger >}} {{< callout danger >}}
{{< partial "callout-danger-async-methods.md" >}} {{< partial "callouts/danger-async-methods.md" >}}
{{< /callout >}} {{< /callout >}}
Activates your content as a collapsible element. Accepts an optional options `object`. Activates your content as a collapsible element. Accepts an optional options `object`.

4
site/content/docs/5.2/components/list-group.md
View File

@ -183,7 +183,7 @@ Contextual classes also work with `.list-group-item-action`. Note the addition o
{{< /example >}} {{< /example >}}
{{< callout info >}} {{< callout info >}}
{{< partial "callout-warning-color-assistive-technologies.md" >}} {{< partial "callouts/warning-color-assistive-technologies.md" >}}
{{< /callout >}} {{< /callout >}}
## With badges ## With badges
@ -443,7 +443,7 @@ To make tabs panel fade in, add `.fade` to each `.tab-pane`. The first tab pane
### Methods ### Methods
{{< callout danger >}} {{< callout danger >}}
{{< partial "callout-danger-async-methods.md" >}} {{< partial "callouts/danger-async-methods.md" >}}
{{< /callout >}} {{< /callout >}}
Activates your content as a tab element. Activates your content as a tab element.

4
site/content/docs/5.2/components/modal.md
View File

@ -27,7 +27,7 @@ myModal.addEventListener('shown.bs.modal', () => {
``` ```
{{< callout info >}} {{< callout info >}}
{{< partial "callout-info-prefersreducedmotion.md" >}} {{< partial "callouts/info-prefersreducedmotion.md" >}}
{{< /callout >}} {{< /callout >}}
Keep reading for demos and usage guidelines. Keep reading for demos and usage guidelines.
@ -841,7 +841,7 @@ const myModalAlternative = new bootstrap.Modal('#myModal', options)
### Methods ### Methods
{{< callout danger >}} {{< callout danger >}}
{{< partial "callout-danger-async-methods.md" >}} {{< partial "callouts/danger-async-methods.md" >}}
{{< /callout >}} {{< /callout >}}
#### Passing options #### Passing options

2
site/content/docs/5.2/components/navbar.md
View 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. - **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 >}} {{< callout info >}}
{{< partial "callout-info-prefersreducedmotion.md" >}} {{< partial "callouts/info-prefersreducedmotion.md" >}}
{{< /callout >}} {{< /callout >}}
## Supported content ## Supported content

2
site/content/docs/5.2/components/navs-tabs.md
View File

@ -622,7 +622,7 @@ To make tabs fade in, add `.fade` to each `.tab-pane`. The first tab pane must a
### Methods ### Methods
{{< callout danger >}} {{< callout danger >}}
{{< partial "callout-danger-async-methods.md" >}} {{< partial "callouts/danger-async-methods.md" >}}
{{< /callout >}} {{< /callout >}}
Activates your content as a tab element. Activates your content as a tab element.

4
site/content/docs/5.2/components/offcanvas.md
View 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. **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 >}} {{< callout info >}}
{{< partial "callout-info-prefersreducedmotion.md" >}} {{< partial "callouts/info-prefersreducedmotion.md" >}}
{{< /callout >}} {{< /callout >}}
## Examples ## Examples
@ -310,7 +310,7 @@ const offcanvasList = [...offcanvasElementList].map(offcanvasEl => new bootstrap
### Methods ### Methods
{{< callout danger >}} {{< callout danger >}}
{{< partial "callout-danger-async-methods.md" >}} {{< partial "callouts/danger-async-methods.md" >}}
{{< /callout >}} {{< /callout >}}
Activates your content as an offcanvas element. Accepts an optional options `object`. Activates your content as an offcanvas element. Accepts an optional options `object`.

8
site/content/docs/5.2/components/popovers.md
View 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. - Popovers can be triggered thanks to an element inside a shadow DOM.
{{< callout info >}} {{< callout info >}}
{{< partial "callout-info-sanitizer.md" >}} {{< partial "callouts/info-sanitizer.md" >}}
{{< /callout >}} {{< /callout >}}
{{< callout info >}} {{< callout info >}}
{{< partial "callout-info-prefersreducedmotion.md" >}} {{< partial "callouts/info-prefersreducedmotion.md" >}}
{{< /callout >}} {{< /callout >}}
Keep reading to see how popovers work with some examples. 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`. 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 >}} {{< callout warning >}}
{{< partial "callout-warning-data-bs-title-vs-title.md" >}} {{< partial "callouts/warning-data-bs-title-vs-title.md" >}}
{{< /callout >}} {{< /callout >}}
{{< example stackblitz_add_js="true" >}} {{< example stackblitz_add_js="true" >}}
@ -228,7 +228,7 @@ const popover = new bootstrap.Popover(element, {
### Methods ### Methods
{{< callout danger >}} {{< callout danger >}}
{{< partial "callout-danger-async-methods.md" >}} {{< partial "callouts/danger-async-methods.md" >}}
{{< /callout >}} {{< /callout >}}
{{< bs-table "table" >}} {{< bs-table "table" >}}

2
site/content/docs/5.2/components/progress.md
View File

@ -86,7 +86,7 @@ Use background utility classes to change the appearance of individual progress b
{{< /example >}} {{< /example >}}
{{< callout info >}} {{< callout info >}}
{{< partial "callout-warning-color-assistive-technologies.md" >}} {{< partial "callouts/warning-color-assistive-technologies.md" >}}
{{< /callout >}} {{< /callout >}}
## Multiple bars ## Multiple bars

2
site/content/docs/5.2/components/spinners.md
View 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>`. For accessibility purposes, each loader here includes `role="status"` and a nested `<span class="visually-hidden">Loading...</span>`.
{{< callout info >}} {{< callout info >}}
{{< partial "callout-info-prefersreducedmotion.md" >}} {{< partial "callouts/info-prefersreducedmotion.md" >}}
{{< /callout >}} {{< /callout >}}
## Border spinner ## Border spinner

4
site/content/docs/5.2/components/toasts.md
View File

@ -16,7 +16,7 @@ Things to know when using the toast plugin:
- Toasts will automatically hide if you do not specify `autohide: false`. - Toasts will automatically hide if you do not specify `autohide: false`.
{{< callout info >}} {{< callout info >}}
{{< partial "callout-info-prefersreducedmotion.md" >}} {{< partial "callouts/info-prefersreducedmotion.md" >}}
{{< /callout >}} {{< /callout >}}
## Examples ## Examples
@ -368,7 +368,7 @@ const toastList = [...toastElList].map(toastEl => new bootstrap.Toast(toastEl, o
### Methods ### Methods
{{< callout danger >}} {{< callout danger >}}
{{< partial "callout-danger-async-methods.md" >}} {{< partial "callouts/danger-async-methods.md" >}}
{{< /callout >}} {{< /callout >}}
{{< bs-table "table" >}} {{< bs-table "table" >}}

8
site/content/docs/5.2/components/tooltips.md
View 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. Got all that? Great, let's see how they work with some examples.
{{< callout info >}} {{< callout info >}}
{{< partial "callout-info-sanitizer.md" >}} {{< partial "callouts/info-sanitizer.md" >}}
{{< /callout >}} {{< /callout >}}
{{< callout info >}} {{< callout info >}}
{{< partial "callout-info-prefersreducedmotion.md" >}} {{< partial "callouts/info-prefersreducedmotion.md" >}}
{{< /callout >}} {{< /callout >}}
## Examples ## Examples
@ -51,7 +51,7 @@ Hover over the links below to see tooltips:
{{< /example >}} {{< /example >}}
{{< callout warning >}} {{< callout warning >}}
{{< partial "callout-warning-data-bs-title-vs-title.md" >}} {{< partial "callouts/warning-data-bs-title-vs-title.md" >}}
{{< /callout >}} {{< /callout >}}
### Custom tooltips ### Custom tooltips
@ -246,7 +246,7 @@ const tooltip = new bootstrap.Tooltip(element, {
### Methods ### Methods
{{< callout danger >}} {{< callout danger >}}
{{< partial "callout-danger-async-methods.md" >}} {{< partial "callouts/danger-async-methods.md" >}}
{{< /callout >}} {{< /callout >}}
{{< bs-table "table" >}} {{< bs-table "table" >}}

2
site/content/docs/5.2/content/reboot.md
View File

@ -363,7 +363,7 @@ These changes, and more, are demonstrated below.
</form> </form>
{{< callout warning >}} {{< callout warning >}}
{{< partial "callout-warning-input-support.md" >}} {{< partial "callouts/warning-input-support.md" >}}
{{< /callout >}} {{< /callout >}}
### Pointers on buttons ### Pointers on buttons

2
site/content/docs/5.2/content/tables.md
View File

@ -69,7 +69,7 @@ Use contextual classes to color tables, table rows or individual cells.
{{< /highlight >}} {{< /highlight >}}
{{< callout info >}} {{< callout info >}}
{{< partial "callout-warning-color-assistive-technologies.md" >}} {{< partial "callouts/warning-color-assistive-technologies.md" >}}
{{< /callout >}} {{< /callout >}}
## Accented tables ## Accented tables

2
site/content/docs/5.2/customize/sass.md
View File

@ -117,7 +117,7 @@ $body-color: #111;
Repeat as necessary for any variable in Bootstrap, including the global options below. Repeat as necessary for any variable in Bootstrap, including the global options below.
{{< callout info >}} {{< callout info >}}
{{< partial "callout-info-npm-starter.md" >}} {{< partial "callouts/info-npm-starter.md" >}}
{{< /callout >}} {{< /callout >}}
## Maps and loops ## Maps and loops

2
site/content/docs/5.2/getting-started/contribute.md
View File

@ -33,7 +33,7 @@ Our [package.json]({{< param repo >}}/blob/v{{< param current_version >}}/packag
{{< /bs-table >}} {{< /bs-table >}}
{{< callout info >}} {{< callout info >}}
{{< partial "callout-info-npm-starter.md" >}} {{< partial "callouts/info-npm-starter.md" >}}
{{< /callout >}} {{< /callout >}}
## Sass ## Sass

2
site/content/docs/5.2/getting-started/download.md
View 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) - `style` - path to Bootstrap's non-minified CSS that's been compiled using the default settings (no customization)
{{< callout info >}} {{< callout info >}}
{{< partial "callout-info-npm-starter.md" >}} {{< partial "callouts/info-npm-starter.md" >}}
{{< /callout >}} {{< /callout >}}
### yarn ### yarn

2
site/content/docs/5.2/layout/breakpoints.md
View File

@ -135,7 +135,7 @@ These mixins take those declared breakpoints, subtract `.02px` from them, and us
``` ```
{{< callout warning >}} {{< callout warning >}}
{{< partial "callout-info-mediaqueries-breakpoints.md" >}} {{< partial "callouts/info-mediaqueries-breakpoints.md" >}}
{{< /callout >}} {{< /callout >}}
### Single breakpoint ### Single breakpoint

2
site/content/docs/5.2/utilities/colors.md
View File

@ -28,7 +28,7 @@ Colorize text with color utilities. If you want to colorize links, you can use t
{{< /callout >}} {{< /callout >}}
{{< callout info >}} {{< callout info >}}
{{< partial "callout-warning-color-assistive-technologies.md" >}} {{< partial "callouts/warning-color-assistive-technologies.md" >}}
{{< /callout >}} {{< /callout >}}
## Opacity ## Opacity

0
site/layouts/partials/callout-danger-async-methods.md → site/layouts/partials/callouts/danger-async-methods.md
View File

0
site/layouts/partials/callout-info-mediaqueries-breakpoints.md → site/layouts/partials/callouts/info-mediaqueries-breakpoints.md
View File

0
site/layouts/partials/callout-info-npm-starter.md → site/layouts/partials/callouts/info-npm-starter.md
View File

0
site/layouts/partials/callout-info-prefersreducedmotion.md → site/layouts/partials/callouts/info-prefersreducedmotion.md
View File

0
site/layouts/partials/callout-info-sanitizer.md → site/layouts/partials/callouts/info-sanitizer.md
View File

0
site/layouts/partials/callout-warning-color-assistive-technologies.md → site/layouts/partials/callouts/warning-color-assistive-technologies.md
View File

0
site/layouts/partials/callout-warning-data-bs-title-vs-title.md → site/layouts/partials/callouts/warning-data-bs-title-vs-title.md
View File

0
site/layouts/partials/callout-warning-input-support.md → site/layouts/partials/callouts/warning-input-support.md
View File