From 51266138250d017951b588050860872ca42367a4 Mon Sep 17 00:00:00 2001 From: Mario Date: Fri, 2 Jun 2023 16:36:57 +0000 Subject: update bootstrap to version 5.3 --- .../twbs/bootstrap/site/assets/js/application.js | 5 +- .../twbs/bootstrap/site/assets/scss/_colors.scss | 1 - .../site/assets/scss/_component-examples.scss | 58 ++--- .../twbs/bootstrap/site/assets/scss/_masthead.scss | 12 +- .../twbs/bootstrap/site/assets/scss/_syntax.scss | 9 +- .../site/content/docs/5.3/components/alerts.md | 6 +- .../site/content/docs/5.3/components/list-group.md | 4 +- .../site/content/docs/5.3/components/modal.md | 4 +- .../site/content/docs/5.3/components/navbar.md | 12 +- .../site/content/docs/5.3/content/tables.md | 8 +- .../site/content/docs/5.3/customize/color-modes.md | 56 ++++- .../site/content/docs/5.3/customize/components.md | 2 +- .../bootstrap/site/content/docs/5.3/docsref.md | 49 ++++ .../site/content/docs/5.3/examples/_index.md | 8 +- .../content/docs/5.3/examples/blog-rtl/index.html | 113 ++++++--- .../site/content/docs/5.3/examples/blog/blog.css | 32 +-- .../content/docs/5.3/examples/blog/blog.rtl.css | 32 +-- .../site/content/docs/5.3/examples/blog/index.html | 109 ++++++--- .../docs/5.3/examples/carousel-rtl/index.html | 4 +- .../content/docs/5.3/examples/carousel/index.html | 4 +- .../content/docs/5.3/examples/cover/index.html | 1 - .../docs/5.3/examples/dashboard-rtl/dashboard.js | 4 +- .../docs/5.3/examples/dashboard-rtl/index.html | 254 ++++++++++++++------- .../docs/5.3/examples/dashboard/dashboard.css | 70 ++---- .../docs/5.3/examples/dashboard/dashboard.js | 4 +- .../docs/5.3/examples/dashboard/dashboard.rtl.css | 66 ++---- .../content/docs/5.3/examples/dashboard/index.html | 254 ++++++++++++++------- .../content/docs/5.3/examples/features/index.html | 38 +-- .../site/content/docs/5.3/examples/grid/index.html | 1 - .../content/docs/5.3/examples/headers/index.html | 20 +- .../content/docs/5.3/examples/jumbotron/index.html | 3 +- .../content/docs/5.3/examples/pricing/index.html | 3 +- .../content/docs/5.3/examples/pricing/pricing.css | 2 +- .../content/docs/5.3/examples/product/index.html | 111 ++++++--- .../content/docs/5.3/examples/product/product.css | 5 + .../content/docs/5.3/examples/sign-in/index.html | 12 +- .../content/docs/5.3/examples/sign-in/sign-in.css | 10 +- .../docs/5.3/examples/sticky-footer/index.html | 1 - .../site/content/docs/5.3/forms/validation.md | 6 +- .../content/docs/5.3/getting-started/download.md | 2 +- .../content/docs/5.3/getting-started/javascript.md | 3 + .../site/content/docs/5.3/getting-started/vite.md | 3 +- .../site/content/docs/5.3/helpers/focus-ring.md | 4 +- .../site/content/docs/5.3/helpers/icon-link.md | 4 +- .../site/content/docs/5.3/helpers/ratio.md | 2 +- .../site/content/docs/5.3/layout/breakpoints.md | 2 +- .../site/content/docs/5.3/layout/containers.md | 10 +- .../bootstrap/site/content/docs/5.3/layout/grid.md | 2 +- .../bootstrap/site/content/docs/5.3/migration.md | 8 +- .../site/content/docs/5.3/utilities/background.md | 2 +- .../site/content/docs/5.3/utilities/borders.md | 2 +- .../site/content/docs/5.3/utilities/colors.md | 2 +- .../site/content/docs/5.3/utilities/display.md | 4 +- .../site/content/docs/5.3/utilities/flex.md | 4 +- .../site/content/docs/5.3/utilities/float.md | 4 +- .../content/docs/5.3/utilities/interactions.md | 4 +- .../site/content/docs/5.3/utilities/link.md | 4 +- .../site/content/docs/5.3/utilities/object-fit.md | 4 +- .../site/content/docs/5.3/utilities/opacity.md | 4 +- .../site/content/docs/5.3/utilities/overflow.md | 4 +- .../site/content/docs/5.3/utilities/position.md | 10 +- .../site/content/docs/5.3/utilities/shadows.md | 6 +- .../site/content/docs/5.3/utilities/sizing.md | 4 +- .../site/content/docs/5.3/utilities/spacing.md | 6 +- .../site/content/docs/5.3/utilities/text.md | 2 +- .../content/docs/5.3/utilities/vertical-align.md | 4 +- .../site/content/docs/5.3/utilities/visibility.md | 4 +- .../site/content/docs/5.3/utilities/z-index.md | 4 +- vendor/twbs/bootstrap/site/data/docs-versions.yml | 2 +- vendor/twbs/bootstrap/site/data/examples.yml | 28 ++- .../bootstrap/site/layouts/_default/examples.html | 18 +- .../bootstrap/site/layouts/shortcodes/example.html | 2 +- .../bootstrap/site/layouts/shortcodes/js-docs.html | 16 +- .../site/layouts/shortcodes/scss-docs.html | 2 +- .../5.3/assets/img/bootstrap-themes-collage.png | Bin 74829 -> 74442 bytes .../docs/5.3/assets/img/examples/album-rtl.png | Bin 6392 -> 6391 bytes .../docs/5.3/assets/img/examples/album-rtl@2x.png | Bin 15450 -> 15347 bytes .../static/docs/5.3/assets/img/examples/album.png | Bin 10760 -> 10678 bytes .../5.3/assets/img/examples/breadcrumbs@2x.png | Bin 6060 -> 6028 bytes .../5.3/assets/img/examples/carousel-rtl@2x.png | Bin 24535 -> 24460 bytes .../docs/5.3/assets/img/examples/carousel.png | Bin 13314 -> 13219 bytes .../docs/5.3/assets/img/examples/carousel@2x.png | Bin 31465 -> 31320 bytes .../docs/5.3/assets/img/examples/footers.png | Bin 4324 -> 4297 bytes .../docs/5.3/assets/img/examples/headers.png | Bin 5197 -> 5196 bytes .../docs/5.3/assets/img/examples/masonry@2x.png | Bin 37733 -> 37705 bytes .../docs/5.3/assets/img/examples/navbar-bottom.png | Bin 4873 -> 4819 bytes .../docs/5.3/assets/img/examples/navbar-fixed.png | Bin 5911 -> 5876 bytes .../5.3/assets/img/examples/navbar-fixed@2x.png | Bin 14103 -> 13979 bytes .../docs/5.3/assets/img/examples/navbar-static.png | Bin 6624 -> 6541 bytes .../5.3/assets/img/examples/navbars-offcanvas.png | Bin 6864 -> 6850 bytes .../assets/img/examples/navbars-offcanvas@2x.png | Bin 17070 -> 16965 bytes .../docs/5.3/assets/img/examples/navbars.png | Bin 13124 -> 12965 bytes .../assets/img/examples/sticky-footer-navbar.png | Bin 6979 -> 6966 bytes .../img/examples/sticky-footer-navbar@2x.png | Bin 15836 -> 15744 bytes .../docs/5.3/assets/img/examples/sticky-footer.png | Bin 4280 -> 4279 bytes .../docs/5.3/assets/img/favicons/favicon-32x32.png | Bin 1159 -> 1156 bytes .../site/static/docs/5.3/assets/img/parcel.png | Bin 6042 -> 6003 bytes .../site/static/docs/5.3/assets/js/color-modes.js | 11 +- 98 files changed, 932 insertions(+), 658 deletions(-) create mode 100644 vendor/twbs/bootstrap/site/content/docs/5.3/docsref.md (limited to 'vendor/twbs/bootstrap/site') diff --git a/vendor/twbs/bootstrap/site/assets/js/application.js b/vendor/twbs/bootstrap/site/assets/js/application.js index 6bb71f0c2..712b31a23 100644 --- a/vendor/twbs/bootstrap/site/assets/js/application.js +++ b/vendor/twbs/bootstrap/site/assets/js/application.js @@ -14,9 +14,10 @@ // Scroll the active sidebar link into view const sidenav = document.querySelector('.bd-sidebar') - if (sidenav) { + const sidenavActiveLink = document.querySelector('.bd-links-nav .active') + + if (sidenav && sidenavActiveLink) { const sidenavHeight = sidenav.clientHeight - const sidenavActiveLink = document.querySelector('.bd-links-nav .active') const sidenavActiveLinkTop = sidenavActiveLink.offsetTop const sidenavActiveLinkHeight = sidenavActiveLink.clientHeight const viewportTop = sidenavActiveLinkTop diff --git a/vendor/twbs/bootstrap/site/assets/scss/_colors.scss b/vendor/twbs/bootstrap/site/assets/scss/_colors.scss index a71a8973b..da4bbace1 100644 --- a/vendor/twbs/bootstrap/site/assets/scss/_colors.scss +++ b/vendor/twbs/bootstrap/site/assets/scss/_colors.scss @@ -41,7 +41,6 @@ } // stylelint-disable declaration-block-single-line-max-declarations - .bd-blue-100 { color: color-contrast($blue-100); background-color: $blue-100; } .bd-blue-200 { color: color-contrast($blue-200); background-color: $blue-200; } .bd-blue-300 { color: color-contrast($blue-300); background-color: $blue-300; } diff --git a/vendor/twbs/bootstrap/site/assets/scss/_component-examples.scss b/vendor/twbs/bootstrap/site/assets/scss/_component-examples.scss index 14adbe94d..0f1018b06 100644 --- a/vendor/twbs/bootstrap/site/assets/scss/_component-examples.scss +++ b/vendor/twbs/bootstrap/site/assets/scss/_component-examples.scss @@ -2,12 +2,16 @@ // Docs examples // -.bd-example-snippet { +.bd-code-snippet { + margin: 0 ($bd-gutter-x * -.5) 1rem; border: solid var(--bs-border-color); border-width: 1px 0; @include media-breakpoint-up(md) { + margin-right: 0; + margin-left: 0; border-width: 1px; + @include border-radius(var(--bs-border-radius)); } } @@ -16,7 +20,7 @@ position: relative; padding: var(--bd-example-padding); - margin: 0 ($bd-gutter-x * -.5); + margin: 0 ($bd-gutter-x * -.5) 1rem; border: solid var(--bs-border-color); border-width: 1px 0; @include clearfix(); @@ -27,13 +31,7 @@ margin-right: 0; margin-left: 0; border-width: 1px; - @include border-top-radius(var(--bs-border-radius)); - } - - + .bd-code-snippet { - @include border-top-radius(0); - border: solid var(--bs-border-color); - border-width: 0 1px 1px; + @include border-radius(var(--bs-border-radius)); } + p { @@ -350,18 +348,22 @@ .highlight { position: relative; padding: .75rem ($bd-gutter-x * .5); - margin-bottom: 1rem; background-color: var(--bd-pre-bg); @include media-breakpoint-up(md) { padding: .75rem 1.25rem; - @include border-radius(var(--bs-border-radius)); + @include border-radius(calc(var(--bs-border-radius) - 1px)); + } + + @include media-breakpoint-up(lg) { + pre { + margin-right: 1.875rem; + } } pre { padding: .25rem 0 .875rem; margin-top: .8125rem; - margin-right: 1.875rem; margin-bottom: 0; overflow: overlay; white-space: pre; @@ -376,32 +378,22 @@ } } -.bd-code-snippet { - margin: 0 ($bd-gutter-x * -.5) $spacer; +.highlight-toolbar { + background-color: var(--bd-pre-bg); - .highlight { - margin-bottom: 0; + + .highlight { @include border-top-radius(0); } - - .bd-example { - margin: 0; - border: 0; - } - - @include media-breakpoint-up(md) { - margin-right: 0; - margin-left: 0; - @include border-radius($border-radius); - } } -.highlight-toolbar { - background-color: var(--bd-pre-bg); -} - -.bd-scss-docs { +.bd-file-ref { .highlight-toolbar { - @include border-top-radius(calc(var(--bs-border-radius) + 1px)); + @include media-breakpoint-up(md) { + @include border-top-radius(calc(var(--bs-border-radius) - 1px)); + } } } + +.bd-content .bd-code-snippet { + margin-bottom: 1rem; +} diff --git a/vendor/twbs/bootstrap/site/assets/scss/_masthead.scss b/vendor/twbs/bootstrap/site/assets/scss/_masthead.scss index 33015d681..d74d1ec24 100644 --- a/vendor/twbs/bootstrap/site/assets/scss/_masthead.scss +++ b/vendor/twbs/bootstrap/site/assets/scss/_masthead.scss @@ -22,6 +22,8 @@ .bd-code-snippet { margin: 0; + border-color: var(--bs-border-color-translucent); + border-width: 1px; @include border-radius(.5rem); } @@ -32,7 +34,7 @@ text-overflow: ellipsis; white-space: nowrap; background-color: rgba(var(--bs-body-color-rgb), .075); - @include border-radius(.5rem); + @include border-radius(calc(.5rem - 1px)); @include media-breakpoint-up(lg) { padding-right: 4rem; @@ -40,9 +42,7 @@ pre { padding: 0; - margin-top: .625rem; - margin-right: 1.875rem; - margin-bottom: .625rem; + margin: .625rem 0; overflow: hidden; } } @@ -75,10 +75,6 @@ @include font-size(1rem); } - .highlight { - @include border-radius(.5rem); - } - @include media-breakpoint-up(md) { .lead { @include font-size(1.25rem); diff --git a/vendor/twbs/bootstrap/site/assets/scss/_syntax.scss b/vendor/twbs/bootstrap/site/assets/scss/_syntax.scss index 0cc26d76b..38ac11fb8 100644 --- a/vendor/twbs/bootstrap/site/assets/scss/_syntax.scss +++ b/vendor/twbs/bootstrap/site/assets/scss/_syntax.scss @@ -35,6 +35,13 @@ --base0D: #{$blue-300}; // #61afef --base0E: #{$indigo-200}; // #c678dd --base0F: #{$red-300}; // #be5046 + + .language-diff .gd { + color: $red-400; + } + .language-diff .gi { + color: $green-400; + } } .hl { background-color: var(--base02); } @@ -53,7 +60,7 @@ .ge { font-style: italic; } .gh { font-weight: 600; - color: #fff; + color: var(--base0A); } .gi { color: var(--bs-success); } .gp { 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 b6e78ea42..d634ce2d1 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 @@ -11,7 +11,7 @@ toc: true Alerts are available for any length of text, as well as an optional close button. For proper styling, use one of the eight **required** contextual classes (e.g., `.alert-success`). For inline dismissal, use the [alerts JavaScript plugin](#dismissing). {{< callout info >}} -**Heads up!** As of v5.3.0, the `alert-variant()` Sass mixin is deprecated. Alert variants now have their CSS variables overridden in [the Sass loop](#sass-loop). +**Heads up!** As of v5.3.0, the `alert-variant()` Sass mixin is deprecated. Alert variants now have their CSS variables overridden in [a Sass loop](#sass-loops). {{< /callout >}} {{< example >}} @@ -158,7 +158,7 @@ As part of Bootstrap's evolving CSS variables approach, alerts now use local CSS {{< scss-docs name="alert-variables" file="scss/_variables.scss" >}} -### Sass mixin +### Sass mixins {{< deprecated-in "5.3.0" >}} @@ -166,7 +166,7 @@ Used in combination with `$theme-colors` to create contextual modifier classes f {{< scss-docs name="alert-variant-mixin" file="scss/mixins/_alert.scss" >}} -### Sass loop +### Sass loops Loop that generates the modifier classes with the `alert-variant()` mixin. 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 2a0d22f86..6c22809f9 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 @@ -157,7 +157,7 @@ Add `.list-group-horizontal` to change the layout of list group items from verti ## Variants {{< callout info >}} -**Heads up!** As of v5.3.0, the `list-group-item-variant()` Sass mixin is deprecated. List group item variants now have their CSS variables overridden in [the Sass loop](#sass-loop). +**Heads up!** As of v5.3.0, the `list-group-item-variant()` Sass mixin is deprecated. List group item variants now have their CSS variables overridden in [a Sass loop](#sass-loops). {{< /callout >}} Use contextual classes to style list items with a stateful background and color. @@ -325,7 +325,7 @@ Used in combination with `$theme-colors` to generate the [contextual variant cla {{< scss-docs name="list-group-mixin" file="scss/mixins/_list-group.scss" >}} -### Sass loop +### Sass loops Loop that generates the modifier classes with an overriding of CSS variables. diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/components/modal.md b/vendor/twbs/bootstrap/site/content/docs/5.3/components/modal.md index 55272b33f..ba2a51a6e 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/components/modal.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/components/modal.md @@ -202,7 +202,7 @@ When modals become too long for the user's viewport or device, they scroll indep
-

This is some placeholder content to show the scrolling behavior for modals. Instead of repeating the text the modal, we use an inline style set a minimum height, thereby extending the length of the overall modal and demonstrating the overflow scrolling. When content becomes longer than the height of the viewport, scrolling will move the modal as needed.

+

This is some placeholder content to show the scrolling behavior for modals. Instead of repeating the text in the modal, we use an inline style to set a minimum height, thereby extending the length of the overall modal and demonstrating the overflow scrolling. When content becomes longer than the height of the viewport, scrolling will move the modal as needed.

@@ -769,7 +769,7 @@ As part of Bootstrap's evolving CSS variables approach, modals now use local CSS {{< scss-docs name="modal-variables" file="scss/_variables.scss" >}} -### Sass loop +### Sass loops [Responsive fullscreen modals](#fullscreen-modal) are generated via the `$breakpoints` map and a loop in `scss/_modal.scss`. 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 a150f8653..9b9f86a4d 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 @@ -328,10 +328,10 @@ Mix and match with other components and utilities as needed. **New in v5.2.0 —** Navbar theming is now powered by CSS variables and `.navbar-light` has been deprecated. CSS variables are applied to `.navbar`, defaulting to the "light" appearance, and can be overridden with `.navbar-dark`. {{< /callout >}} -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-*` utilities. +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.
-