You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Source intake: consumed as npm git dependency pinned to a v6-dev commit (github:twbs/bootstrap#82b040e) — re-pin to follow upstream alphas, switch to the npm package once published.
Sass module system:scss/bootstrap.scss rewritten to @use "bootstrap/scss/bootstrap" with (...). Note: only variables reachable through the entry's @forward chain are configurable this way (_config.scss is not forwarded — config vars would need a direct @use "bootstrap/scss/config" with (...) first).
Brand color:$blue: #009de0 override drives the --bs-blue-* scale and the primary theme. The v5 $min-contrast-ratio: 3 hack is obsolete — v6's theme system no longer uses color-contrast() (primary uses white contrast by default).
Toolchain updates: sass ^1.100.0; minification switched from clean-css to lightningcss (build/css-minify.mjs from upstream) — clean-css cannot handle @layer, color-mix(), oklch(); .browserslistrc taken from upstream.
PostCSS:postcss-prefix-custom-properties (prefix bs-) added via postcss.config.mjs, mirroring the upstream build.
RFS removed: nothing in our pipeline depended on it.
RTL: build step removed (v6 uses CSS logical properties; upstream has no RTL build anymore); stale *.rtl.css artifacts deleted from dist and wwwroot.
Build & publish:npm run css + publish-to-blazor produce working v6 CSS (verified: @layer cascade, --bs- prefixes, --bs-blue-500: #009de0, .menu/.dialog/.drawer rules present) in Havit.Blazor.Components.Web.Bootstrap/wwwroot. CI is unaffected (compiled CSS is committed, not built in CI). yarn.lock dropped — package-lock.json is the single lockfile.
Initial infrastructure work to get Bootstrap 6 sources into the repo and building, as the foundation for all other v6 issues.
Current state (
Havit.Bootstrap):bootstrap@5.3.8npm devDependency, custom Sass overrides (_variables.scss,_buttons.scss,_dropdown.scss,_forms.scss,_tables.scss,bootstrap.scss)1.78.0) → PostCSS (autoprefixer) → RTL (rtlcss) → clean-css minify →publish-to-blazorcopies dist CSS toHavit.Blazor.Components.Web.Bootstrap/wwwrootTasks:
v6-devcommit (github:twbs/bootstrap#82b040e) — re-pin to follow upstream alphas, switch to the npm package once published.scss/bootstrap.scssrewritten to@use "bootstrap/scss/bootstrap" with (...). Note: only variables reachable through the entry's@forwardchain are configurable this way (_config.scssis not forwarded — config vars would need a direct@use "bootstrap/scss/config" with (...)first).$blue: #009de0override drives the--bs-blue-*scale and theprimarytheme. The v5$min-contrast-ratio: 3hack is obsolete — v6's theme system no longer usescolor-contrast()(primary uses white contrast by default)._variables.scss,_buttons.scss,_dropdown.scss,_forms.scss,_tables.scss) kept unimported for reference; porting happens per component ([HxDropdown] -> [HxMenu] #1440, [HxButton] New variant system (.btn-solid/.btn-outline/.btn-subtle/.btn-text + .theme-*) #1442, [HxCheckbox] [HxCheckboxList] [HxRadioButtonList] [HxSwitch] New checks/radios/switches markup #1453–[HxInputBaseWithInputGroups] Simplified input groups (.has-validation removed, .input-group-ignore) #1457, Breakpoint changes (lg/xl raised, xxl -> 2xl) and prefix-based responsive class syntax #1469, Verify minor components against Bootstrap 6 (carousel, pagination, progress, placeholder, spinner, scrollspy, collapse, range, floating labels) #1471).^1.100.0; minification switched from clean-css to lightningcss (build/css-minify.mjsfrom upstream) — clean-css cannot handle@layer,color-mix(),oklch();.browserslistrctaken from upstream.postcss-prefix-custom-properties(prefixbs-) added viapostcss.config.mjs, mirroring the upstream build.*.rtl.cssartifacts deleted fromdistandwwwroot.HxSetup/docs references → handled in Bootstrap 6 JavaScript is ESM-only (no UMD, no window.bootstrap), Popper replaced by Floating UI #1470.npm run css+publish-to-blazorproduce working v6 CSS (verified:@layercascade,--bs-prefixes,--bs-blue-500: #009de0,.menu/.dialog/.drawerrules present) inHavit.Blazor.Components.Web.Bootstrap/wwwroot. CI is unaffected (compiled CSS is committed, not built in CI).yarn.lockdropped —package-lock.jsonis the single lockfile.Implemented on the
v6branch.Related: #1468 (theme tokens), #1469 (breakpoints/prefix syntax), #1470 (ESM-only JS)
Migration: https://v6-dev--twbs-bootstrap.netlify.app/docs/6.0/migration/#sass