From b3c909164ec18e63123ca30312df18076c30e550 Mon Sep 17 00:00:00 2001 From: Christian Oliff Date: Tue, 27 Jan 2026 21:10:16 +0900 Subject: [PATCH 1/2] v6: Accordion Animation Add animation for expanding/collapsing accordions. This is only available in Chromium browsers right now but coming to Firefox (any maybe Safari?) soon. Copied from demo/code for Bootstrap 5: https://code.christianoliff.com/bootstrap-accordion-no-js/ --- scss/_accordion.scss | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/scss/_accordion.scss b/scss/_accordion.scss index 9b9dc82e83c2..0d9f921f0e4c 100644 --- a/scss/_accordion.scss +++ b/scss/_accordion.scss @@ -102,6 +102,16 @@ $accordion-icon-transform: rotate(-180deg) !default; background-color: var(--accordion-bg); border: var(--accordion-border-width) solid var(--accordion-border-color); + @media (prefers-reduced-motion: no-preference) { + interpolate-size: allow-keywords; + } + + &::details-content { + block-size: 0; + overflow-y: clip; + @include transition(content-visibility .2s allow-discrete, block-size .2s); + } + &:first-of-type { @include border-top-radius(var(--accordion-border-radius)); @@ -129,7 +139,11 @@ $accordion-icon-transform: rotate(-180deg) !default; // Open state - details[open] applies these styles &[open] { + border-color: var(--theme-border, var(--accordion-border-color)); + &::details-content { + block-size: auto; + } > .accordion-header { color: var(--theme-text, var(--accordion-active-color)); From 6e1d2d387041b3ea9736c86cd4a1a2aa83285a90 Mon Sep 17 00:00:00 2001 From: Christian Oliff Date: Tue, 27 Jan 2026 21:15:48 +0900 Subject: [PATCH 2/2] Update .bundlewatch.config.json --- .bundlewatch.config.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.bundlewatch.config.json b/.bundlewatch.config.json index 312cceb0fd6d..e14045ab6286 100644 --- a/.bundlewatch.config.json +++ b/.bundlewatch.config.json @@ -30,7 +30,7 @@ }, { "path": "./dist/css/bootstrap.min.css", - "maxSize": "37.75 kB" + "maxSize": "38.0 kB" }, { "path": "./dist/js/bootstrap.bundle.js",