Open
Conversation
ada31b0 to
33836ce
Compare
33836ce to
6558094
Compare
6558094 to
e366b9c
Compare
e366b9c to
5a8aa4b
Compare
5a8aa4b to
7fbb69a
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
This PR contains the following updates:
5.3.0-alpha1→5.3.8Release Notes
twbs/bootstrap (bootstrap)
v5.3.8Compare Source
v5.3.7Compare Source
v5.3.6Compare Source
v5.3.5Compare Source
v5.3.4Compare Source
v5.3.3Compare Source
Highlights
variables-dark.scsswhen building Bootstrap with Sass. Now,_variables.scsswill automatically import_variables-dark.scss. If you were already importing_variables-dark.scssmanually, you should keep doing it as it won't break anything and will be the way to go in v6.Color modes
.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).color-modes.jsscript 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 to your own script.color-scheme()only acceptlightanddarkvalues as parameters.Miscellaneous
<dl>,<dt>and<dd>in the sanitizer.🎨 CSS
--bs-accordion-btn-focus-border-colorand deprecate$accordion-button-focus-border-color☕️ JavaScript
color-mode.jsdl,dtandddin sanitizer📖 Docs
.text-bg-{color}for all badgesgetOrCreateInstance()doc example.table-lightfrom table foot exampledispose()to Offcanvas methodsshift-color()usage example in sass customization page.card-img-*description.theme-iconclass🛠 Examples
🏭 Tests
🧰 Misc
📦 Dependencies
v5.3.2Compare Source
Highlights
abs()is deprecated since Dart Sass v1.65.0. It resulted in a deprecation warning when compiling Bootstrap with Dart Sass. This has been fixed internally by changing the values passed to thedivide()function. Thedivide()function has not been fixed itself so that we can keep supporting node-sass cross-compatibility. In v6, this won't be an issue as we plan to drop support for node-sass.ids in a collapse target wasn't working anymore and has been fixed.Color modes
<mark>color customization for color modes.Docs
🎨 CSS
box-shadowCSS variables shadow utilities$btn-link-focus-shadow-rgbto allow customization<mark>dark mode bg color☕️ JavaScript
ids calls📖 Docs
detailselement.left-and.right-utilities from migration guide🛠 Examples
🌎 Accessibility
🧰 Misc
📦 Dependencies
v5.3.1Compare Source
Highlights
$gray-500with$gray-300for the body color.nav-links, providing.disabledand:disabledfor use with anchors and buttonsHomeandEndkeys for navigating tabs by keyboard.text-bg-*utilities now use CSS variables$navbar-dark-icon-colorSass variable$alertSass variables$vr-border-widthto customize the vertical rule helper width🎨 CSS
.text-bg-*helpers now use theme CSS variables$navbar-dark-icon-color$alert-*-scaleSass vars☕️ JavaScript
HomeandEndkeys in tabs📖 Docs
noopenerrel to footer external linksaria-disabled='true'to disabled anchorsaria-describedby.d-noneinstead of inline stylingclearfix🛠 Examples
🌎 Accessibility
HomeandEndkeys in tabsaria-disabled='true'to disabled anchors🧰 Misc
color-modes.jstobootstrap-x.y.z-examples.zip📦 Dependencies
v5.3.0Compare Source
v5.3.0-alpha3Compare Source
calc()functions.--bs-border-radiusvariables across more components..d-inline-gridutility class..tooltip-innerplacement when using variations infallbackPlacements.$color-mode-type: media-query.background-colorto help with multiple lines of text intextareas. This also fixes the colors when form elements are disabled in floating forms.Full Changelog: twbs/bootstrap@v5.3.0-alpha2...v5.3.0-alpha3
v5.3.0-alpha2Compare Source
🚀 Features
.nav-underlinemodifier class🎨 CSS
.nav-underlinemodifier class--bs-body-font-family. Keep quotes in the font stack.position: absolutefor captions$prefixto the whole assets--bs-form-check-bgdefinition$color-mode-typeis set tomedia-querycolor-schemeto dark root selectorproperty-blacklisttoproperty-disallowed-list--bs-emphasis-colorset valuescss/_maps.scss.highlight-toolbardef--bs-highlight-bginscss/_root.scss.btn-clipboardand.btn-editlink hover color.bg-body-emphasis.link-body-emphasishelper_variables.scss--bs-body-bg-rgbdeclaration + reorder props$input-border-colorvariable.form-controlin dark mode.*-text-emphasislist-stylereset on.carousel-indicators*-text-emphasisCSS vars in Sass loop$grid-breakpointsSCSS unit tests initscss/_nav.scsscolorandborder-color-moz-padding-startfrom.form-select$btn-close-focus-shadowdefinition$nav-link-disabled-colordeclaration--bs-focus-ring-box-shadowand add documentation for--bs-focus-ring-{x|y|blur}scss/_utilities.scss--bs-{color}-textwas changed to--bs-{color}-text-emphasisimportinsidebootstrap-grid☕️ JavaScript
offcanvaskeydownevent logic withmodalaria-labelledbyin tab navigation📖 Docs
.btnclasscheck2SVG iconfirstElementChild$prefixto the whole assetstwbs/bootstrap-npm-starterbytwbs/examples/tree/main/icons-font.btn-*-darkfrom Button group docs to avoid issues in dark modetwbs/examplesrepo examples in the Examples pageid/aria-labelledbyfrom accordion examples.highlight-toolbardef.btn-clipboardand.btn-editlink hover colorlist-group-item-variant()mixin.fw-mediumutility class example.text-*-leftchangespopovertotooltip.text-muteddebugreferences from DocSearch v2.focusedstyle--bs-focus-ring-box-shadowand add documentation for--bs-focus-ring-{x|y|blur}.text-muteddeprecation messages.text-body-secondaryappears two times in Utilities > Colorsbootstrap-social-logo.pngutilities/colors.mdhrefandtabindex="-1"scss-docs: link enhancementscroll-margin-topinsteadpaddingandmarginvar(--bs-emphasis-color)placeholdershortcode color and background params when 'img' markupvfrom docs-versions.ymlscss-docsunindent automatically the code inside shortcode🛠 Examples
id/aria-labelledbyfrom cheatsheet accordionstwbs/examplesrepo examples in the Examples page🌎 Accessibility
position: absolutefor captionsaria-labelledbyto associate form-text (helper) with input field when it contains mandatory info (e.g. data format)id/aria-labelledbyfrom accordion examplesid/aria-labelledbyfrom collapse unit testsaria-labelledbyin tab navigation🔧 Utility API
$grid-breakpointsSCSS unit tests init🏭 Tests
$grid-breakpointsSCSS unit tests initid/aria-labelledbyfrom collapse unit tests🧰 Misc
docsworkflow📦 Dependencies
Updated numerous devDependencies: https://github.com/twbs/bootstrap/pulls?q=is%3Apr+label%3Adependencies+project%3Atwbs%2F13+is%3Aclosed
Full changelog: twbs/bootstrap@v5.3.0-alpha1...v5.3.0-alpha2
Configuration
📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).
🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.
♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.
🔕 Ignore: Close this PR and you won't be reminded about this update again.
This PR was generated by Mend Renovate. View the repository job log.