From 89dd407bcfdd00cd425cabe0dbb3c8837d736acc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mikel=20Mart=C3=ADn?= Date: Thu, 30 Jan 2025 15:34:38 +0100 Subject: [PATCH] MDL-84381 tool_componentlibrary: Remove Bootstrap 4 documentation After Bootstrap 5 upgrade in MDL-75669, Bootstrap 4 docs included are not applicable anymore. --- .../content/bootstrap/_index.md | 6 - .../content/bootstrap/components/_index.md | 6 - .../content/bootstrap/components/alerts.md | 122 -- .../content/bootstrap/components/badge.md | 76 - .../bootstrap/components/breadcrumb.md | 57 - .../bootstrap/components/button-group.md | 202 --- .../content/bootstrap/components/buttons.md | 170 --- .../content/bootstrap/components/card.md | 832 ---------- .../content/bootstrap/components/carousel.md | 395 ----- .../content/bootstrap/components/collapse.md | 275 ---- .../content/bootstrap/components/dropdowns.md | 895 ----------- .../content/bootstrap/components/forms.md | 1360 ----------------- .../bootstrap/components/input-group.md | 377 ----- .../content/bootstrap/components/jumbotron.md | 29 - .../bootstrap/components/list-group.md | 391 ----- .../bootstrap/components/media-object.md | 136 -- .../content/bootstrap/components/modal.md | 804 ---------- .../content/bootstrap/components/navbar.md | 602 -------- .../content/bootstrap/components/navs.md | 654 -------- .../bootstrap/components/pagination.md | 157 -- .../content/bootstrap/components/popovers.md | 415 ----- .../content/bootstrap/components/progress.md | 139 -- .../content/bootstrap/components/scrollspy.md | 341 ----- .../content/bootstrap/components/spinners.md | 181 --- .../content/bootstrap/components/toasts.md | 381 ----- .../content/bootstrap/components/tooltips.md | 416 ----- .../content/bootstrap/content/_index.md | 6 - .../content/bootstrap/content/code.md | 50 - .../content/bootstrap/content/figures.md | 26 - .../content/bootstrap/content/images.md | 60 - .../content/bootstrap/content/reboot.md | 360 ----- .../content/bootstrap/content/tables.md | 837 ---------- .../content/bootstrap/content/typography.md | 286 ---- .../content/bootstrap/extend/_index.md | 6 - .../content/bootstrap/extend/approach.md | 85 -- .../content/bootstrap/layout/_index.md | 6 - .../content/bootstrap/layout/grid.md | 824 ---------- .../content/bootstrap/layout/overview.md | 277 ---- .../bootstrap/layout/utilities-for-layout.md | 25 - .../content/bootstrap/utilities/_index.md | 6 - .../content/bootstrap/utilities/borders.md | 69 - .../content/bootstrap/utilities/clearfix.md | 37 - .../content/bootstrap/utilities/close-icon.md | 14 - .../content/bootstrap/utilities/colors.md | 70 - .../content/bootstrap/utilities/display.md | 98 -- .../content/bootstrap/utilities/embed.md | 60 - .../content/bootstrap/utilities/flex.md | 614 -------- .../content/bootstrap/utilities/float.md | 60 - .../bootstrap/utilities/image-replacement.md | 35 - .../bootstrap/utilities/interactions.md | 18 - .../content/bootstrap/utilities/overflow.md | 24 - .../content/bootstrap/utilities/position.md | 45 - .../bootstrap/utilities/screen-readers.md | 20 - .../content/bootstrap/utilities/shadows.md | 17 - .../content/bootstrap/utilities/sizing.md | 52 - .../content/bootstrap/utilities/spacing.md | 104 -- .../bootstrap/utilities/stretched-link.md | 76 - .../content/bootstrap/utilities/text.md | 121 -- .../bootstrap/utilities/vertical-align.md | 38 - .../content/bootstrap/utilities/visibility.md | 34 - .../content/library/getting-started.md | 2 +- 61 files changed, 1 insertion(+), 13880 deletions(-) delete mode 100644 admin/tool/componentlibrary/content/bootstrap/_index.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/components/_index.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/components/alerts.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/components/badge.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/components/breadcrumb.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/components/button-group.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/components/buttons.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/components/card.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/components/carousel.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/components/collapse.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/components/dropdowns.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/components/forms.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/components/input-group.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/components/jumbotron.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/components/list-group.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/components/media-object.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/components/modal.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/components/navbar.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/components/navs.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/components/pagination.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/components/popovers.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/components/progress.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/components/scrollspy.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/components/spinners.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/components/toasts.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/components/tooltips.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/content/_index.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/content/code.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/content/figures.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/content/images.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/content/reboot.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/content/tables.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/content/typography.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/extend/_index.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/extend/approach.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/layout/_index.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/layout/grid.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/layout/overview.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/layout/utilities-for-layout.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/utilities/_index.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/utilities/borders.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/utilities/clearfix.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/utilities/close-icon.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/utilities/colors.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/utilities/display.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/utilities/embed.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/utilities/flex.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/utilities/float.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/utilities/image-replacement.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/utilities/interactions.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/utilities/overflow.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/utilities/position.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/utilities/screen-readers.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/utilities/shadows.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/utilities/sizing.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/utilities/spacing.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/utilities/stretched-link.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/utilities/text.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/utilities/vertical-align.md delete mode 100644 admin/tool/componentlibrary/content/bootstrap/utilities/visibility.md diff --git a/admin/tool/componentlibrary/content/bootstrap/_index.md b/admin/tool/componentlibrary/content/bootstrap/_index.md deleted file mode 100644 index 1c263fc6d59..00000000000 --- a/admin/tool/componentlibrary/content/bootstrap/_index.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -title: "Bootstrap" -date: 2017-10-17T15:26:15Z -draft: false -weight: 15 ---- diff --git a/admin/tool/componentlibrary/content/bootstrap/components/_index.md b/admin/tool/componentlibrary/content/bootstrap/components/_index.md deleted file mode 100644 index a2f8be4b475..00000000000 --- a/admin/tool/componentlibrary/content/bootstrap/components/_index.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -title: "Components" -date: 2021-05-05T15:15:15Z -draft: true -weight: 20 ---- diff --git a/admin/tool/componentlibrary/content/bootstrap/components/alerts.md b/admin/tool/componentlibrary/content/bootstrap/components/alerts.md deleted file mode 100644 index 8d6cb39839b..00000000000 --- a/admin/tool/componentlibrary/content/bootstrap/components/alerts.md +++ /dev/null @@ -1,122 +0,0 @@ ---- -layout: docs -title: Alerts -description: Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. -group: components -aliases: - - "/components/" - - "/docs/4.6/components/" -toc: true ---- - -## Examples - -Alerts are available for any length of text, as well as an optional dismiss button. For proper styling, use one of the eight **required** contextual classes (e.g., `.alert-success`). For inline dismissal, use the [alerts jQuery plugin](#dismissing). - -{{< example >}} -{{< alerts.inline >}} -{{- range (index $.Site.Data "theme-colors") }} -{{- end -}} -{{< /alerts.inline >}} -{{< /example >}} - -{{< callout warning >}} -{{< partial "callout-warning-color-assistive-technologies.md" >}} -{{< /callout >}} - -### Link color - -Use the `.alert-link` utility class to quickly provide matching colored links within any alert. - -{{< example >}} -{{< alerts.inline >}} -{{- range (index $.Site.Data "theme-colors") }} -{{ end -}} -{{< /alerts.inline >}} -{{< /example >}} - -### Additional content - -Alerts can also contain additional HTML elements like headings, paragraphs and dividers. - -{{< example >}} - -{{< /example >}} - - -### Dismissing - -Using the alert JavaScript plugin, it's possible to dismiss any alert inline. Here's how: - -- Be sure you've loaded the alert plugin, or the compiled Bootstrap JavaScript. -- If you're building our JavaScript from source, it [requires `util.js`]({{< docsref "/getting-started/javascript#util" >}}). The compiled version includes this. -- Add a dismiss button and the `.alert-dismissible` class, which adds extra padding to the right of the alert and positions the `.close` button. -- On the dismiss button, add the `data-dismiss="alert"` attribute, which triggers the JavaScript functionality. Be sure to use the ` - -{{< /example >}} - -## JavaScript behavior - -### Triggers - -Enable dismissal of an alert via JavaScript: - -```js -$('.alert').alert() -``` - -Or with `data` attributes on a button **within the alert**, as demonstrated above: - -```html - -``` - -Note that closing an alert will remove it from the DOM. - -### Methods - -| Method | Description | -| --- | --- | -| `$().alert()` | Makes an alert listen for click events on descendant elements which have the `data-dismiss="alert"` attribute. (Not necessary when using the data-api's auto-initialization.) | -| `$().alert('close')` | Closes an alert by removing it from the DOM. If the `.fade` and `.show` classes are present on the element, the alert will fade out before it is removed. | -| `$().alert('dispose')` | Destroys an element's alert. | - -```js -$('.alert').alert('close') -``` - -### Events - -Bootstrap's alert plugin exposes a few events for hooking into alert functionality. - -| Event | Description | -| --- | --- | -| `close.bs.alert` | This event fires immediately when the `close` instance method is called. | -| `closed.bs.alert` | This event is fired when the alert has been closed (will wait for CSS transitions to complete). | - -```js -$('#myAlert').on('closed.bs.alert', function () { - // do something... -}) -``` diff --git a/admin/tool/componentlibrary/content/bootstrap/components/badge.md b/admin/tool/componentlibrary/content/bootstrap/components/badge.md deleted file mode 100644 index 32ed961b87a..00000000000 --- a/admin/tool/componentlibrary/content/bootstrap/components/badge.md +++ /dev/null @@ -1,76 +0,0 @@ ---- -layout: docs -title: Badges -description: Documentation and examples for badges, our small count and labeling component. -group: components -toc: true ---- - -## Example - -Badges scale to match the size of the immediate parent element by using relative font sizing and `em` units. - -{{< example >}} -

Example heading New

-

Example heading New

-

Example heading New

-

Example heading New

-
Example heading New
-
Example heading New
-{{< /example >}} - -Badges can be used as part of links or buttons to provide a counter. - -{{< example >}} - -{{< /example >}} - -Note that depending on how they are used, badges may be confusing for users of screen readers and similar assistive technologies. While the styling of badges provides a visual cue as to their purpose, these users will simply be presented with the content of the badge. Depending on the specific situation, these badges may seem like random additional words or numbers at the end of a sentence, link, or button. - -Unless the context is clear (as with the "Notifications" example, where it is understood that the "4" is the number of notifications), consider including additional context with a visually hidden piece of additional text. - -{{< example >}} - -{{< /example >}} - -## Contextual variations - -Add any of the below mentioned modifier classes to change the appearance of a badge. - -{{< example >}} -{{< badge.inline >}} -{{- range (index $.Site.Data "theme-colors") }} -{{ .name | title }}{{- end -}} -{{< /badge.inline >}} -{{< /example >}} - -{{< callout warning >}} -{{< partial "callout-warning-color-assistive-technologies.md" >}} -{{< /callout >}} - -## Pill badges - -Use the `.badge-pill` modifier class to make badges more rounded (with a larger `border-radius` and additional horizontal `padding`). Useful if you miss the badges from v3. - -{{< example >}} -{{< badge.inline >}} -{{- range (index $.Site.Data "theme-colors") }} -{{ .name | title }}{{- end -}} -{{< /badge.inline >}} -{{< /example >}} - -## Links - -Using the contextual `.badge-*` classes on an `` element quickly provide _actionable_ badges with hover and focus states. - -{{< example >}} -{{< badge.inline >}} -{{- range (index $.Site.Data "theme-colors") }} -{{ .name | title }}{{- end -}} -{{< /badge.inline >}} -{{< /example >}} diff --git a/admin/tool/componentlibrary/content/bootstrap/components/breadcrumb.md b/admin/tool/componentlibrary/content/bootstrap/components/breadcrumb.md deleted file mode 100644 index 5b25f83d58f..00000000000 --- a/admin/tool/componentlibrary/content/bootstrap/components/breadcrumb.md +++ /dev/null @@ -1,57 +0,0 @@ ---- -layout: docs -title: Breadcrumb -description: Indicate the current page's location within a navigational hierarchy that automatically adds separators via CSS. -group: components ---- - -## Example - -{{< example >}} - - - - - -{{< /example >}} - -## Changing the separator - -Separators are automatically added in CSS through [`::before`](https://developer.mozilla.org/en-US/docs/Web/CSS/::before) and [`content`](https://developer.mozilla.org/en-US/docs/Web/CSS/content). They can be changed by changing `$breadcrumb-divider`. The [quote](https://sass-lang.com/documentation/modules/string#quote) function is needed to generate the quotes around a string, so if you want `>` as separator, you can use this: - -```scss -$breadcrumb-divider: quote(">"); -``` - -It's also possible to use a **base64 embedded SVG icon**: - -```scss -$breadcrumb-divider: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPjxwYXRoIGQ9Ik0yLjUgMEwxIDEuNSAzLjUgNCAxIDYuNSAyLjUgOGw0LTQtNC00eiIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+); -``` - -The separator can be removed by setting `$breadcrumb-divider` to `none`: - -```scss -$breadcrumb-divider: none; -``` - -## Accessibility - -Since breadcrumbs provide a navigation, it's a good idea to add a meaningful label such as `aria-label="breadcrumb"` to describe the type of navigation provided in the `