From 32f2de17d4faeb7b74b0f1b46c43800e3acedf36 Mon Sep 17 00:00:00 2001 From: Mario Date: Thu, 5 Oct 2023 10:17:07 +0000 Subject: composer update bootstrap --- .../twbs/bootstrap/site/assets/js/code-examples.js | 13 ++-- .../site/assets/scss/_component-examples.scss | 7 +- .../twbs/bootstrap/site/assets/scss/_navbar.scss | 2 +- .../bootstrap/site/assets/scss/_scrolling.scss | 3 + .../twbs/bootstrap/site/assets/scss/_sidebar.scss | 2 +- .../site/content/docs/5.3/components/alerts.md | 2 +- .../content/docs/5.3/components/button-group.md | 10 +-- .../site/content/docs/5.3/components/buttons.md | 36 +++++++--- .../site/content/docs/5.3/components/card.md | 4 +- .../site/content/docs/5.3/components/collapse.md | 4 +- .../site/content/docs/5.3/components/dropdowns.md | 2 +- .../site/content/docs/5.3/components/list-group.md | 2 +- .../site/content/docs/5.3/components/navbar.md | 18 ++--- .../site/content/docs/5.3/components/navs-tabs.md | 38 +++++------ .../content/docs/5.3/components/placeholders.md | 6 +- .../site/content/docs/5.3/components/popovers.md | 2 +- .../site/content/docs/5.3/components/spinners.md | 20 +++--- .../site/content/docs/5.3/components/tooltips.md | 8 +-- .../site/content/docs/5.3/customize/sass.md | 57 +++++++++++++--- .../content/docs/5.3/examples/badges/index.html | 2 +- .../content/docs/5.3/examples/blog-rtl/index.html | 4 +- .../site/content/docs/5.3/examples/blog/index.html | 4 +- .../docs/5.3/examples/breadcrumbs/index.html | 2 +- .../content/docs/5.3/examples/buttons/index.html | 10 +-- .../docs/5.3/examples/carousel-rtl/index.html | 4 +- .../content/docs/5.3/examples/carousel/index.html | 4 +- .../docs/5.3/examples/cheatsheet-rtl/index.html | 8 +-- .../docs/5.3/examples/cheatsheet/cheatsheet.css | 15 ++--- .../5.3/examples/cheatsheet/cheatsheet.rtl.css | 15 ++--- .../docs/5.3/examples/cheatsheet/index.html | 8 +-- .../docs/5.3/examples/dashboard-rtl/index.html | 10 +-- .../content/docs/5.3/examples/dashboard/index.html | 10 +-- .../content/docs/5.3/examples/dropdowns/index.html | 2 +- .../content/docs/5.3/examples/features/index.html | 2 +- .../5.3/examples/features/unsplash-photo-1.jpg | Bin 10451 -> 10433 bytes .../5.3/examples/features/unsplash-photo-2.jpg | Bin 113018 -> 113000 bytes .../5.3/examples/features/unsplash-photo-3.jpg | Bin 40607 -> 40589 bytes .../content/docs/5.3/examples/footers/index.html | 2 +- .../content/docs/5.3/examples/headers/index.html | 2 +- .../docs/5.3/examples/heroes/bootstrap-docs.png | Bin 371399 -> 369569 bytes .../docs/5.3/examples/jumbotrons/index.html | 2 +- .../docs/5.3/examples/list-groups/index.html | 2 +- .../content/docs/5.3/examples/modals/index.html | 2 +- .../docs/5.3/examples/navbar-bottom/index.html | 2 +- .../docs/5.3/examples/navbar-fixed/index.html | 2 +- .../docs/5.3/examples/navbar-static/index.html | 2 +- .../content/docs/5.3/examples/navbars/index.html | 24 +++---- .../content/docs/5.3/examples/pricing/index.html | 2 +- .../content/docs/5.3/examples/product/index.html | 2 +- .../content/docs/5.3/examples/sidebars/index.html | 10 +-- .../docs/5.3/examples/starter-template/index.html | 4 +- .../5.3/examples/sticky-footer-navbar/index.html | 2 +- .../site/content/docs/5.3/forms/checks-radios.md | 29 ++++++-- .../site/content/docs/5.3/forms/floating-labels.md | 2 +- .../site/content/docs/5.3/forms/form-control.md | 6 +- .../site/content/docs/5.3/forms/select.md | 8 +-- .../content/docs/5.3/getting-started/download.md | 18 +++++ .../docs/5.3/getting-started/introduction.md | 13 +--- .../content/docs/5.3/getting-started/javascript.md | 7 +- .../content/docs/5.3/getting-started/webpack.md | 2 +- .../site/content/docs/5.3/helpers/stacks.md | 4 +- .../site/content/docs/5.3/helpers/vertical-rule.md | 8 +++ .../site/content/docs/5.3/layout/gutters.md | 2 +- .../bootstrap/site/content/docs/5.3/migration.md | 75 +++++++++++---------- .../site/content/docs/5.3/utilities/float.md | 11 +-- .../site/content/docs/5.3/utilities/opacity.md | 2 + .../site/content/docs/5.3/utilities/text.md | 11 +-- vendor/twbs/bootstrap/site/data/docs-versions.yml | 6 +- .../bootstrap/site/layouts/_default/examples.html | 7 +- .../warning-color-assistive-technologies.md | 2 +- .../site/layouts/partials/docs-navbar.html | 6 +- .../bootstrap/site/layouts/partials/footer.html | 22 +++--- .../bootstrap/site/layouts/partials/header.html | 2 - .../site/layouts/partials/home/masthead.html | 2 - .../bootstrap/site/layouts/partials/icons.html | 2 +- .../bootstrap/site/layouts/partials/scripts.html | 3 +- .../site/layouts/partials/stylesheet.html | 2 - .../bootstrap/site/layouts/shortcodes/js-docs.html | 8 ++- .../site/layouts/shortcodes/scss-docs.html | 8 ++- .../5.3/assets/brand/bootstrap-logo-shadow.png | Bin 48625 -> 46142 bytes .../static/docs/5.3/assets/img/bootstrap-icons.png | Bin 40798 -> 40444 bytes .../5.3/assets/img/bootstrap-themes-collage@2x.png | Bin 244640 -> 244028 bytes .../docs/5.3/assets/img/examples/album@2x.png | Bin 25026 -> 24917 bytes .../docs/5.3/assets/img/examples/badges@2x.png | Bin 14798 -> 14236 bytes .../docs/5.3/assets/img/examples/buttons.png | Bin 4545 -> 4495 bytes .../docs/5.3/assets/img/examples/buttons@2x.png | Bin 9994 -> 9832 bytes .../docs/5.3/assets/img/examples/carousel-rtl.png | Bin 10344 -> 10264 bytes .../5.3/assets/img/examples/carousel-rtl@2x.png | Bin 24460 -> 24421 bytes .../docs/5.3/assets/img/examples/carousel.png | Bin 13219 -> 13178 bytes .../docs/5.3/assets/img/examples/carousel@2x.png | Bin 31320 -> 31276 bytes .../5.3/assets/img/examples/dashboard-rtl@2x.png | Bin 19399 -> 19368 bytes .../docs/5.3/assets/img/examples/headers.png | Bin 5196 -> 5182 bytes .../docs/5.3/assets/img/examples/headers@2x.png | Bin 12639 -> 12566 bytes .../docs/5.3/assets/img/examples/list-groups.png | Bin 7134 -> 7116 bytes .../docs/5.3/assets/img/examples/masonry.png | Bin 15253 -> 15238 bytes .../docs/5.3/assets/img/examples/masonry@2x.png | Bin 37705 -> 37623 bytes .../docs/5.3/assets/img/examples/navbar-bottom.png | Bin 4819 -> 4754 bytes .../5.3/assets/img/examples/navbar-bottom@2x.png | Bin 11666 -> 11603 bytes .../5.3/assets/img/examples/navbars-offcanvas.png | Bin 6850 -> 6821 bytes .../assets/img/examples/navbars-offcanvas@2x.png | Bin 16965 -> 16919 bytes .../5.3/assets/img/examples/offcanvas-navbar.png | Bin 9691 -> 9674 bytes .../assets/img/examples/offcanvas-navbar@2x.png | Bin 23975 -> 23928 bytes .../assets/img/examples/sticky-footer-navbar.png | Bin 6966 -> 6895 bytes .../img/examples/sticky-footer-navbar@2x.png | Bin 15744 -> 15725 bytes .../5.3/assets/img/favicons/apple-touch-icon.png | Bin 7650 -> 7489 bytes .../5.3/assets/img/guides/parcel-dev-server.png | Bin 13933 -> 13694 bytes .../docs/5.3/assets/img/guides/vite-dev-server.png | Bin 13584 -> 13266 bytes .../5.3/assets/img/guides/webpack-dev-server.png | Bin 14197 -> 14001 bytes 108 files changed, 386 insertions(+), 278 deletions(-) (limited to 'vendor/twbs/bootstrap/site') diff --git a/vendor/twbs/bootstrap/site/assets/js/code-examples.js b/vendor/twbs/bootstrap/site/assets/js/code-examples.js index e1f680e7e..3b03b17c4 100644 --- a/vendor/twbs/bootstrap/site/assets/js/code-examples.js +++ b/vendor/twbs/bootstrap/site/assets/js/code-examples.js @@ -20,18 +20,19 @@ const btnHtml = [ '
', - '
', - ' ', - '
', + '
', + ' ', + '
', '
' ].join('') // Wrap programmatically code blocks and add copy btn. document.querySelectorAll('.highlight') .forEach(element => { - if (!element.closest('.bd-example-snippet')) { // Ignore examples made be shortcode + // Ignore examples made by shortcode + if (!element.closest('.bd-example-snippet')) { element.insertAdjacentHTML('beforebegin', btnHtml) element.previousElementSibling.append(element) } diff --git a/vendor/twbs/bootstrap/site/assets/scss/_component-examples.scss b/vendor/twbs/bootstrap/site/assets/scss/_component-examples.scss index 0f1018b06..1d8caed66 100644 --- a/vendor/twbs/bootstrap/site/assets/scss/_component-examples.scss +++ b/vendor/twbs/bootstrap/site/assets/scss/_component-examples.scss @@ -220,15 +220,16 @@ // scss-docs-start custom-tooltip .custom-tooltip { - --bs-tooltip-bg: var(--bs-primary); + --bs-tooltip-bg: var(--bd-violet-bg); + --bs-tooltip-color: var(--bs-white); } // scss-docs-end custom-tooltip // scss-docs-start custom-popovers .custom-popover { --bs-popover-max-width: 200px; - --bs-popover-border-color: var(--bs-primary); - --bs-popover-header-bg: var(--bs-primary); + --bs-popover-border-color: var(--bd-violet-bg); + --bs-popover-header-bg: var(--bd-violet-bg); --bs-popover-header-color: var(--bs-white); --bs-popover-body-padding-x: 1rem; --bs-popover-body-padding-y: .5rem; diff --git a/vendor/twbs/bootstrap/site/assets/scss/_navbar.scss b/vendor/twbs/bootstrap/site/assets/scss/_navbar.scss index 110797b98..2b598bf67 100644 --- a/vendor/twbs/bootstrap/site/assets/scss/_navbar.scss +++ b/vendor/twbs/bootstrap/site/assets/scss/_navbar.scss @@ -73,7 +73,7 @@ border-left: 0; @include media-breakpoint-down(lg) { - box-shadow: $box-shadow-lg; + box-shadow: var(--bs-box-shadow-lg); } } diff --git a/vendor/twbs/bootstrap/site/assets/scss/_scrolling.scss b/vendor/twbs/bootstrap/site/assets/scss/_scrolling.scss index 201796003..0aaf7444e 100644 --- a/vendor/twbs/bootstrap/site/assets/scss/_scrolling.scss +++ b/vendor/twbs/bootstrap/site/assets/scss/_scrolling.scss @@ -3,6 +3,9 @@ main { a, button, + input, + select, + textarea, h2, h3, h4, diff --git a/vendor/twbs/bootstrap/site/assets/scss/_sidebar.scss b/vendor/twbs/bootstrap/site/assets/scss/_sidebar.scss index 6f1ef292f..598da3d5b 100644 --- a/vendor/twbs/bootstrap/site/assets/scss/_sidebar.scss +++ b/vendor/twbs/bootstrap/site/assets/scss/_sidebar.scss @@ -15,7 +15,7 @@ @include media-breakpoint-down(lg) { .offcanvas-lg { border-right-color: var(--bs-border-color); - box-shadow: $box-shadow-lg; + box-shadow: var(--bs-box-shadow-lg); } } } diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/components/alerts.md b/vendor/twbs/bootstrap/site/content/docs/5.3/components/alerts.md index d634ce2d1..9eb64dfe3 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/components/alerts.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/components/alerts.md @@ -84,7 +84,7 @@ Similarly, you can use [flexbox utilities]({{< docsref "/utilities/flex" >}}) an Need more than one icon for your alerts? Consider using more Bootstrap Icons and making a local SVG sprite like so to easily reference the same icons repeatedly. {{< example >}} - + diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/components/button-group.md b/vendor/twbs/bootstrap/site/content/docs/5.3/components/button-group.md index 9c6356249..9f26a9181 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/components/button-group.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/components/button-group.md @@ -190,8 +190,6 @@ Make a set of buttons appear vertically stacked rather than horizontally. **Spli - - {{< /example >}} @@ -208,9 +206,7 @@ Make a set of buttons appear vertically stacked rather than horizontally. **Spli
  • Dropdown link
    • - - -
    +
    @@ -219,7 +215,7 @@ Make a set of buttons appear vertically stacked rather than horizontally. **Spli
  • Dropdown link
    • -
    +
    @@ -228,7 +224,7 @@ Make a set of buttons appear vertically stacked rather than horizontally. **Spli
  • Dropdown link
    • -
    +
    diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/components/buttons.md b/vendor/twbs/bootstrap/site/content/docs/5.3/components/buttons.md index ae58fca9a..83a61382a 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/components/buttons.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/components/buttons.md @@ -129,7 +129,7 @@ To cover cases where you have to keep the `href` attribute on a disabled link, t ## Block buttons -Create responsive stacks of full-width, "block buttons" like those in Bootstrap 4 with a mix of our display and gap utilities. By using utilities instead of button specific classes, we have much greater control over spacing, alignment, and responsive behaviors. +Create responsive stacks of full-width, "block buttons" like those in Bootstrap 4 with a mix of our display and gap utilities. By using utilities instead of button-specific classes, we have much greater control over spacing, alignment, and responsive behaviors. {{< example >}}
    @@ -156,7 +156,7 @@ You can adjust the width of your block buttons with grid column width classes. F
    {{< /example >}} -Additional utilities can be used to adjust the alignment of buttons when horizontal. Here we've taken our previous responsive example and added some flex utilities and a margin utility on the button to right align the buttons when they're no longer stacked. +Additional utilities can be used to adjust the alignment of buttons when horizontal. Here we've taken our previous responsive example and added some flex utilities and a margin utility on the button to right-align the buttons when they're no longer stacked. {{< example >}}
    @@ -178,15 +178,29 @@ Visually, these toggle buttons are identical to the [checkbox toggle buttons]({{ Add `data-bs-toggle="button"` to toggle a button's `active` state. If you're pre-toggling a button, you must manually add the `.active` class **and** `aria-pressed="true"` to ensure that it is conveyed appropriately to assistive technologies. {{< example >}} - - - +

    + + + +

    +

    + + + +

    {{< /example >}} {{< example >}} -Toggle link -Active toggle link -Disabled toggle link +

    + Toggle link + Active toggle link + Disabled toggle link +

    +

    + Toggle link + Active toggle link + Disabled toggle link +

    {{< /example >}} ### Methods @@ -201,8 +215,8 @@ const bsButton = new bootstrap.Button('#myButton') | Method | Description | | --- | --- | | `dispose` | Destroys an element's button. (Removes stored data on the DOM element) | -| `getInstance` | Static method which allows you to get the button instance associated to a DOM element, you can use it like this: `bootstrap.Button.getInstance(element)`. | -| `getOrCreateInstance` | Static method which returns a button instance associated to a DOM element or create a new one in case it wasn't initialized. You can use it like this: `bootstrap.Button.getOrCreateInstance(element)`. | +| `getInstance` | Static method which allows you to get the button instance associated with a DOM element, you can use it like this: `bootstrap.Button.getInstance(element)`. | +| `getOrCreateInstance` | Static method which returns a button instance associated with a DOM element or creates a new one in case it wasn't initialized. You can use it like this: `bootstrap.Button.getOrCreateInstance(element)`. | | `toggle` | Toggles push state. Gives the button the appearance that it has been activated. | {{< /bs-table >}} @@ -227,7 +241,7 @@ As part of Bootstrap's evolving CSS variables approach, buttons now use local CS Each `.btn-*` modifier class updates the appropriate CSS variables to minimize additional CSS rules with our `button-variant()`, `button-outline-variant()`, and `button-size()` mixins. -Here's an example of building a custom `.btn-*` modifier class like we do for the buttons unique to our docs by reassigning Bootstrap's CSS variables with a mixture of our own CSS and Sass variables. +Here's an example of building a custom `.btn-*` modifier class as we do for the buttons unique to our docs by reassigning Bootstrap's CSS variables with a mixture of our own CSS and Sass variables.
    diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/components/card.md b/vendor/twbs/bootstrap/site/content/docs/5.3/components/card.md index 2ad32b470..6138c3d92 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/components/card.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/components/card.md @@ -309,7 +309,7 @@ Add some navigation to a card's header (or block) with Bootstrap's [nav componen Link
  • - Disabled + Disabled
    • @@ -332,7 +332,7 @@ Add some navigation to a card's header (or block) with Bootstrap's [nav componen Link
  • - Disabled + Disabled
    • diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/components/collapse.md b/vendor/twbs/bootstrap/site/content/docs/5.3/components/collapse.md index 21b9c3e06..d5171151b 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/components/collapse.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/components/collapse.md @@ -25,7 +25,7 @@ Click the buttons below to show and hide another element via class changes: Generally, we recommend using a ` diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/components/dropdowns.md b/vendor/twbs/bootstrap/site/content/docs/5.3/components/dropdowns.md index 098882064..6e3811f1f 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/components/dropdowns.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/components/dropdowns.md @@ -661,7 +661,7 @@ Add `.disabled` to items in the dropdown to **style them as disabled**. {{< example >}} {{< /example >}} diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/components/list-group.md b/vendor/twbs/bootstrap/site/content/docs/5.3/components/list-group.md index 6c22809f9..598bb38d6 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/components/list-group.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/components/list-group.md @@ -62,7 +62,7 @@ Be sure to **not use the standard `.btn` classes here**. A second link item A third link item A fourth link item - A disabled link item + A disabled link item
    {{< /example >}} diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/components/navbar.md b/vendor/twbs/bootstrap/site/content/docs/5.3/components/navbar.md index 9b9f86a4d..ab6c2305c 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/components/navbar.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/components/navbar.md @@ -63,7 +63,7 @@ Here's an example of all the sub-components included in a responsive light-theme
  • - Disabled + Disabled
    • @@ -179,7 +179,7 @@ And because we use classes for our navs, you can avoid the list-based approach e Home Features Pricing - Disabled + Disabled
    @@ -331,7 +331,7 @@ Mix and match with other components and utilities as needed. Navbar themes are easier than ever thanks to Bootstrap's combination of Sass and CSS variables. The default is our "light navbar" for use with light background colors, but you can also apply `data-bs-theme="dark"` to the `.navbar` parent for dark background colors. Then, customize with `.bg-*` and additional utilities.
    - {{< /example >}} @@ -294,7 +294,7 @@ Add dropdown menus with a little extra HTML and the [dropdowns JavaScript plugin Link
  • - Disabled + Disabled
    • {{< /example >}} @@ -320,7 +320,7 @@ Add dropdown menus with a little extra HTML and the [dropdowns JavaScript plugin Link
  • - Disabled + Disabled
    • {{< /example >}} @@ -567,7 +567,7 @@ And with vertical pills. Ideally, for vertical tabs, you should also add `aria-o Dynamic tabbed interfaces, as described in the [ARIA Authoring Practices Guide tabs pattern](https://www.w3.org/WAI/ARIA/apg/patterns/tabpanel/), require `role="tablist"`, `role="tab"`, `role="tabpanel"`, and additional `aria-` attributes in order to convey their structure, functionality, and current state to users of assistive technologies (such as screen readers). As a best practice, we recommend using `
    @@ -67,7 +67,7 @@ In the example below, we take a typical card component and recreate it with plac

    - + ``` @@ -83,7 +83,7 @@ We apply additional styling to `.btn`s via `::before` to ensure the `height` is

    - + {{< /example >}} {{< callout info >}} diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/components/popovers.md b/vendor/twbs/bootstrap/site/content/docs/5.3/components/popovers.md index 0a2138db9..685d2c3c6 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/components/popovers.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/components/popovers.md @@ -198,7 +198,7 @@ Note that for security reasons the `sanitize`, `sanitizeFn`, and `allowList` opt | `sanitize` | boolean | `true` | Enable or disable the sanitization. If activated `'template'`, `'content'` and `'title'` options will be sanitized. | | `sanitizeFn` | null, function | `null` | Here you can supply your own sanitize function. This can be useful if you prefer to use a dedicated library to perform sanitization. | | `selector` | string, false | `false` | If a selector is provided, popover objects will be delegated to the specified targets. In practice, this is used to also apply popovers to dynamically added DOM elements (`jQuery.on` support). See [this issue]({{< param repo >}}/issues/4215) and [an informative example](https://codepen.io/Johann-S/pen/djJYPb). **Note**: `title` attribute must not be used as a selector. | -| `template` | string | `'
    '` | Base HTML to use when creating the popover. The popover's `title` will be injected into the `.popover-inner`. `.popover-arrow` will become the popover's arrow. The outermost wrapper element should have the `.popover` class and `role="popover"`. | +| `template` | string | `''` | Base HTML to use when creating the popover. The popover's `title` will be injected into the `.popover-inner`. `.popover-arrow` will become the popover's arrow. The outermost wrapper element should have the `.popover` class and `role="tooltip"`. | | `title` | string, element, function | `''` | The popover title. If a function is given, it will be called with its `this` reference set to the element that the popover is attached to. | | `trigger` | string | `'hover focus'` | How popover is triggered: click, hover, focus, manual. You may pass multiple triggers; separate them with a space. `'manual'` indicates that the popover will be triggered programmatically via the `.popover('show')`, `.popover('hide')` and `.popover('toggle')` methods; this value cannot be combined with any other trigger. `'hover'` on its own will result in popovers that cannot be triggered via the keyboard, and should only be used if alternative methods for conveying the same information for keyboard users is present. | {{< /bs-table >}} diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/components/spinners.md b/vendor/twbs/bootstrap/site/content/docs/5.3/components/spinners.md index f2635c63e..977257dd0 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/components/spinners.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/components/spinners.md @@ -96,8 +96,8 @@ Use [flexbox utilities][flex], [float utilities][float], or [text alignment][tex {{< example >}}
    - Loading... - + Loading... +
    {{< /example >}} @@ -151,23 +151,23 @@ Use spinners within buttons to indicate an action is currently processing or tak {{< example >}} {{< /example >}} {{< example >}} {{< /example >}} diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/components/tooltips.md b/vendor/twbs/bootstrap/site/content/docs/5.3/components/tooltips.md index cf628e344..91adacc7f 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/components/tooltips.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/components/tooltips.md @@ -157,7 +157,7 @@ const tooltip = new bootstrap.Tooltip('#example', { The required markup for a tooltip is only a `data` attribute and `title` on the HTML element you wish to have a tooltip. The generated markup of a tooltip is rather simple, though it does require a position (by default, set to `top` by the plugin). {{< callout warning >}} -**Keep tooltips accessible to keyboard and assistive technology users** by only adding them to HTML elements that are traditionally keyboard-focusable and interactive (such as links or form controls). While other HTML elements can be made focusable by adding `tabindex="0"`, this can create annoying and confusing tab stops on non-interactive elements for keyboard users, and most assistive technologies currently do not announce tooltips in this situation. Additionally, do not rely solely on `hover` as the trigger for your tooltips as this will make theme impossible to trigger for keyboard users. +**Keep tooltips accessible to keyboard and assistive technology users** by only adding them to HTML elements that are traditionally keyboard-focusable and interactive (such as links or form controls). While other HTML elements can be made focusable by adding `tabindex="0"`, this can create annoying and confusing tab stops on non-interactive elements for keyboard users, and most assistive technologies currently do not announce tooltips in this situation. Additionally, do not rely solely on `hover` as the trigger for your tooltips as this will make them impossible to trigger for keyboard users. {{< /callout >}} ```html @@ -165,7 +165,7 @@ The required markup for a tooltip is only a `data` attribute and `title` on the Hover over me -