Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Write up v5.3.1 post #385

Merged
merged 5 commits into from
Jul 26, 2023
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
46 changes: 46 additions & 0 deletions src/content/posts/2023/bootstrap-5-3-1.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,46 @@
---
author: mdo
date: "2023-07-26T08:05:00Z"
title: Bootstrap 5.3.1
keywords:
- bootstrap
- release
video: WJ1I3ZmEozQ
---

Bootstrap v5.3.1 is here with bug fixes, documentation improvements, and more follow-up enhancements for color modes. Keep reading for the highlights!
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Maybe add something saying that there are other topics to tackle regarding color modes, so users can expect other dot releases 🤷


- **Color modes:**
- Increased color contrast for dark mode by replacing `$gray-500` with `$gray-300` for the body color
- Added our color mode switcher JavaScript to our examples ZIP download
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Minor: missing "." for some sentences in the file

- **Components:**
- Improved disabled styling for all `.nav-link`s, providing `.disabled` and `:disabled` for use with anchors and buttons
- Add support for `Home` and `End` keys for navigating tabs by keyboard
- Added some basic styling to toggle buttons when no modifier class is present
- Fixed carousel colors in dark mode
- **Forms:**
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Maybe to add:

  • Improved accessibility of form texts linked to form controls

(see twbs/bootstrap@96b0fd6)

- Fixed floating label disabled text color
- **Utilities:**
- `.text-bg-*` utilities now use CSS variables
- **Sass:**
- Add new `$navbar-dark-icon-color` Sass variable
- Removed duplicate `$alert` Sass variables
- Added a new variable for `$vr-border-width` to customize the vertical rule helper width
- **Documentation:**
- Added search to our homepage
- Improved responsive behavior on Dashboard example
- Improved dark mode rendering of Cheatsheet examples

## Get the release

**Head to <https://getbootstrap.com> for the latest.** It's also been pushed to npm:

```sh
npm i [email protected]
```

[Read the GitHub v5.3.1 changelog](https://github.com/twbs/bootstrap/releases/tag/v5.3.1) 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.