Skip to content

v5.0.0-alpha2

Pre-release
Pre-release
Compare
Choose a tag to compare
@ffoodd ffoodd released this 30 Sep 13:53
v5.0.0-alpha2
fb0c5d0

Bootstrap v5.0.0-alpha2

As usual, Bootstrap made an announcement post on their blog—and you can read the full changelog on GitHub.

Apart from docs improvements, the main features are:

  1. dark mode for carousel and dropdown;
  2. refactored close button (reducing the gap Boosted one!)
  3. improved colors to set $min-contrast-ratio to 4.5 —another gap filled with Boosted 😇
  4. renamed .sr-only to .visually-hidden,
  5. new utilities (for positions and border-width mostly).

RTL (PR by your very own) is currently planned for alpha 3 🎉

Boosted v5.0.0-alpha2

This is a much lighter release for Boosted since we've basically worked a lot on Bootstrap directly. However most v4 changes have been forwarded to v5 and our documentation evolved quite a lot.

🐛 Bug Fixes

  • alerts: ensure icon is properly sized (d10ed1a)
  • cards: .card-footer's bottom padding (7054f27)
  • color: better matching light color (02f4e25)
  • grid: gutters change above lg breakpoint to match the brand (9113a8d)
  • grid: missing interpolation (62ea99b)
  • reboot: ensure legend are bold (45e8d4d)
  • reboot: links with inline-block display cannot break when they need to (4ac2c39)
  • spinners: drop growing spinners (1831f13)
  • split buttons: missing .active & :disabled states (3a68f31)
  • tooltips: ensure content is left-aligned (b255cdc)
  • typography: cleaner font-stack, and better matching typographic scale (4694e07)
  • utilities: better matching with the brand for some color values (5e82914)
  • utilities: drop color exception in color utilities (acfc5e9)

🚀 Features

  • pagination: add default vertical margins to pagination (c37b86f)
  • reboot: handle <var> styles in reboot (ba62352)
  • reboot: use #666 for code element (26a1aae)

🎨 Palette

  • colors: final adjustments for accessible orange handling (7c5e781)
  • colors: use #ff7900 as primary color & drop color-contrast() bypass for Orange ❤️ (fece01e), closes #ff7900
  • colors: use Orange Base UI color names as design tokens (142c851)
  • logo: drop useless id (c8dd405)
  • logo: improve size and markup again (63323c8)

📙 Brand

  • progress: Orange branded 🎉 (36ceacd)
  • cards: Orange branded 🎉 (fde26b4)
  • spinners: Orange branded 🎉 (ed72efe)
  • .btn-check: ensure to match the brand 🎉 (d3438ab)

📖 Docs

Check out our brand new "Design Guidelines" section, meant to be a high-fidelity implementation of Orange Web UI Kit, sharing as much as possible layout and IDs.

🧰 Chore tooling

Boosted v5 is now protected by automated accessibility tests with Pa11y, and visual regression testing using Percy. Pull request cannot be merged in v5-dev if one of them is failing 🎉

Assets 4
Loading