From af21ab4cc9361794212689dcbf52ccfbb907f103 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julien=20D=C3=A9ramond?= Date: Tue, 5 Dec 2023 07:59:36 +0100 Subject: [PATCH 1/7] Write up v5.3.3 post --- src/content/posts/2023/bootstrap-5-3-3.md | 50 +++++++++++++++++++++++ 1 file changed, 50 insertions(+) create mode 100644 src/content/posts/2023/bootstrap-5-3-3.md diff --git a/src/content/posts/2023/bootstrap-5-3-3.md b/src/content/posts/2023/bootstrap-5-3-3.md new file mode 100644 index 000000000..77ee467b8 --- /dev/null +++ b/src/content/posts/2023/bootstrap-5-3-3.md @@ -0,0 +1,50 @@ +--- +author: julien-deramond +date: "2023-12-05T07:30:00Z" +title: Bootstrap 5.3.3 +keywords: + - bootstrap + - release +--- + +Bootstrap v5.3.3 is here with bug fixes, documentation improvements, and more follow-up enhancements for color modes. Keep reading for the highlights! + +## Highlights + +- Fixed the breaking change introduced with the color mode where it was needed to manually import `variables-dark.scss` when building Bootstrap with Sass. Now, `variables.scss` will automatically import `variables-dark.scss`. If you were already importing `variables-dark.scss` manually, you should keep doing it as it won't break anything and will be the way to go in v6. + +## Color modes + +- Our badges now use the `.text-bg-*` text utilities to be certain that the text is always readable (especially when the customized colors are different in light and dark modes). +- Fixed our `color-modes.js` script to handle the case where the OS is set to light mode and the auto color mode is used on the website. If you copied the script from our docs, you should apply [this change](https://github.com/twbs/bootstrap/commit/73e1dcf43eff8371dde52ce41bd1d9fdc2b47d1f) to your own script. +- Fixed color schemes description in the color modes documentation to show that `color-scheme()` only accept `light` and `dark` values as parameters. + +## Miscellaneous + +- Allowed `
`, `
` and `
` in the sanitizer. +- Dropped evenly items distribution for modal and offcanvas headers. +- Fixed the accordion CSS selectors to avoid inheritance issues when nesting accordions. +- Fixed the focus box-shadow for the validation stated form controls. + +## Docs + +- Dropped unnecessary right margin for example code blocks. +- Fixed emphasis text utilities usage in [background utilities examples](https://getbootstrap.com/docs/5.3/utilities/background/#background-color) section. +- Added an technical explanation on how to render an accordion expanded by default. +- Changed Vite config path import in Vite guide. +- Enhanced the card image description of the `.card-img-*` classes. +- Mentioned `shift-color()` function in the Sass customization page among `tint-color()` and `shade-color()`. + +## Get the release + +**Head to for the latest.** It's also been pushed to npm: + +```sh +npm i bootstrap@v5.3.3 +``` + +[Read the GitHub v5.3.3 changelog](https://github.com/twbs/bootstrap/releases/tag/v5.3.3) for a complete list of changes in this release. + +## Support the team + +Visit our [Open Collective page]({{< param "opencollective" >}}) or our [team members](https://github.com/orgs/twbs/people)' GitHub profiles to help support the maintainers contributing to Bootstrap. From 6cbb1a0be47cd13981c5c0548592d71705bf347b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 8 Jan 2024 15:57:33 -0800 Subject: [PATCH 2/7] Update bootstrap-5-3-3.md --- src/content/posts/2023/bootstrap-5-3-3.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/content/posts/2023/bootstrap-5-3-3.md b/src/content/posts/2023/bootstrap-5-3-3.md index 77ee467b8..143aeca8f 100644 --- a/src/content/posts/2023/bootstrap-5-3-3.md +++ b/src/content/posts/2023/bootstrap-5-3-3.md @@ -11,11 +11,11 @@ Bootstrap v5.3.3 is here with bug fixes, documentation improvements, and more fo ## Highlights -- Fixed the breaking change introduced with the color mode where it was needed to manually import `variables-dark.scss` when building Bootstrap with Sass. Now, `variables.scss` will automatically import `variables-dark.scss`. If you were already importing `variables-dark.scss` manually, you should keep doing it as it won't break anything and will be the way to go in v6. +- Fixed a breaking change introduced with color modes where it was required to manually import `variables-dark.scss` when building Bootstrap with Sass. Now, `_variables.scss` will automatically import `_variables-dark.scss`. If you were already importing `_variables-dark.scss` manually, you should keep doing it as it won't break anything and will be the way to go in v6. ## Color modes -- Our badges now use the `.text-bg-*` text utilities to be certain that the text is always readable (especially when the customized colors are different in light and dark modes). +- Badges now use the `.text-bg-*` text utilities to be certain that the text is always readable (especially when the customized colors are different in light and dark modes). - Fixed our `color-modes.js` script to handle the case where the OS is set to light mode and the auto color mode is used on the website. If you copied the script from our docs, you should apply [this change](https://github.com/twbs/bootstrap/commit/73e1dcf43eff8371dde52ce41bd1d9fdc2b47d1f) to your own script. - Fixed color schemes description in the color modes documentation to show that `color-scheme()` only accept `light` and `dark` values as parameters. From ce5aa74fb748982482bbbf15c6926ab8c1cd53c1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julien=20D=C3=A9ramond?= Date: Tue, 30 Jan 2024 07:49:39 +0100 Subject: [PATCH 3/7] Change date and add a new docs update --- src/content/posts/{2023 => 2024}/bootstrap-5-3-3.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) rename src/content/posts/{2023 => 2024}/bootstrap-5-3-3.md (95%) diff --git a/src/content/posts/2023/bootstrap-5-3-3.md b/src/content/posts/2024/bootstrap-5-3-3.md similarity index 95% rename from src/content/posts/2023/bootstrap-5-3-3.md rename to src/content/posts/2024/bootstrap-5-3-3.md index 143aeca8f..77d34a6de 100644 --- a/src/content/posts/2023/bootstrap-5-3-3.md +++ b/src/content/posts/2024/bootstrap-5-3-3.md @@ -1,6 +1,6 @@ --- author: julien-deramond -date: "2023-12-05T07:30:00Z" +date: "2024-01-30T07:30:00Z" title: Bootstrap 5.3.3 keywords: - bootstrap @@ -34,6 +34,7 @@ Bootstrap v5.3.3 is here with bug fixes, documentation improvements, and more fo - Changed Vite config path import in Vite guide. - Enhanced the card image description of the `.card-img-*` classes. - Mentioned `shift-color()` function in the Sass customization page among `tint-color()` and `shade-color()`. +- Added missing `type="button"` attribute to the Cheatsheet examples navigation buttons. ## Get the release From 8076045231e42466872eeef85b13f6cb9fe07d1b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julien=20D=C3=A9ramond?= Date: Wed, 14 Feb 2024 21:36:28 +0100 Subject: [PATCH 4/7] Change date and add a new miscellaneous update --- src/content/posts/2024/bootstrap-5-3-3.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/content/posts/2024/bootstrap-5-3-3.md b/src/content/posts/2024/bootstrap-5-3-3.md index 77d34a6de..2fead68f8 100644 --- a/src/content/posts/2024/bootstrap-5-3-3.md +++ b/src/content/posts/2024/bootstrap-5-3-3.md @@ -1,6 +1,6 @@ --- author: julien-deramond -date: "2024-01-30T07:30:00Z" +date: "2024-02-14T07:30:00Z" title: Bootstrap 5.3.3 keywords: - bootstrap @@ -25,6 +25,7 @@ Bootstrap v5.3.3 is here with bug fixes, documentation improvements, and more fo - Dropped evenly items distribution for modal and offcanvas headers. - Fixed the accordion CSS selectors to avoid inheritance issues when nesting accordions. - Fixed the focus box-shadow for the validation stated form controls. +- Fixed the product example mobile navbar toggler. ## Docs From f8d80da88639218eb26e07f19c9feeec74308bd8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julien=20D=C3=A9ramond?= Date: Wed, 14 Feb 2024 21:41:47 +0100 Subject: [PATCH 5/7] Add new items in the list of modifications --- src/content/posts/2024/bootstrap-5-3-3.md | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/content/posts/2024/bootstrap-5-3-3.md b/src/content/posts/2024/bootstrap-5-3-3.md index 2fead68f8..fdcc6d8f8 100644 --- a/src/content/posts/2024/bootstrap-5-3-3.md +++ b/src/content/posts/2024/bootstrap-5-3-3.md @@ -25,7 +25,9 @@ Bootstrap v5.3.3 is here with bug fixes, documentation improvements, and more fo - Dropped evenly items distribution for modal and offcanvas headers. - Fixed the accordion CSS selectors to avoid inheritance issues when nesting accordions. - Fixed the focus box-shadow for the validation stated form controls. +- Fixed the focus ring on focused checked buttons. - Fixed the product example mobile navbar toggler. +- Changed the RTL processing of carousel control icons. ## Docs @@ -36,6 +38,7 @@ Bootstrap v5.3.3 is here with bug fixes, documentation improvements, and more fo - Enhanced the card image description of the `.card-img-*` classes. - Mentioned `shift-color()` function in the Sass customization page among `tint-color()` and `shade-color()`. - Added missing `type="button"` attribute to the Cheatsheet examples navigation buttons. +- Updated the colors table in the customization page to be responsive. ## Get the release From 6a87cf01fb706e3f69cab76fe39886a89f6b03dc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julien=20D=C3=A9ramond?= Date: Mon, 19 Feb 2024 07:58:15 +0100 Subject: [PATCH 6/7] Update content --- src/content/posts/2024/bootstrap-5-3-3.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/content/posts/2024/bootstrap-5-3-3.md b/src/content/posts/2024/bootstrap-5-3-3.md index fdcc6d8f8..659bec899 100644 --- a/src/content/posts/2024/bootstrap-5-3-3.md +++ b/src/content/posts/2024/bootstrap-5-3-3.md @@ -1,6 +1,6 @@ --- author: julien-deramond -date: "2024-02-14T07:30:00Z" +date: "2024-02-19T07:30:00Z" title: Bootstrap 5.3.3 keywords: - bootstrap @@ -12,6 +12,7 @@ Bootstrap v5.3.3 is here with bug fixes, documentation improvements, and more fo ## Highlights - Fixed a breaking change introduced with color modes where it was required to manually import `variables-dark.scss` when building Bootstrap with Sass. Now, `_variables.scss` will automatically import `_variables-dark.scss`. If you were already importing `_variables-dark.scss` manually, you should keep doing it as it won't break anything and will be the way to go in v6. +- Fixed a regression in the selector engine that wasn't able to handle multiple IDs anymore. ## Color modes From e4caaa2eb80893e7920925109167b26a213de561 Mon Sep 17 00:00:00 2001 From: XhmikosR Date: Tue, 20 Feb 2024 17:23:17 +0200 Subject: [PATCH 7/7] Update bootstrap-5-3-3.md --- src/content/posts/2024/bootstrap-5-3-3.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/posts/2024/bootstrap-5-3-3.md b/src/content/posts/2024/bootstrap-5-3-3.md index 659bec899..f595ff6f6 100644 --- a/src/content/posts/2024/bootstrap-5-3-3.md +++ b/src/content/posts/2024/bootstrap-5-3-3.md @@ -1,6 +1,6 @@ --- author: julien-deramond -date: "2024-02-19T07:30:00Z" +date: "2024-02-20T15:22:00Z" title: Bootstrap 5.3.3 keywords: - bootstrap