v5.0.0 beta2 Ship List

[ffoodd]

🚀 Features

As an intention note: we're starting to use custom properties, mask and filter as much as possible, as long as it dicreases the compressed minified file size.

Core

• Variables: introduce $boosted-variable-prefix (9c6a30f)
• Variables: use custom properties for repeated SVG as data URIs (c98e700)
• Mixin: New target-size() mixin (056404b)
• Mixin: New button-icon() mixin (f04faa6)
• Option: introduce $enable-fixed-header to prevent focus from being hidden under fixed header, by using scroll-padding-top (Improve focus accessibility when fixed header/footer overlaps #622)

Components

• Pagination: use filter instead of inlined SVG (0a9535a) — later replaced by mask in Buttons #621
• Carousel: Orange branded 🎉 (Pagination Dots #550 Carousel Navigation #551 Carousels #573 6cc222ee)
• Forms: Orange branded disabled states :tada (Disabled contrasts #586)
• Link with chevron: implemented 🎉 (Links with chevron #595)
• Back to top: implemented 🎉 (Back-to-top #600)
• Modal: Orange branded 🎉 (Modals #611)
• Badges: use functional colors (Badges #618)
• Utilities: add & document aliases for .bg-* utilities to highlight supporting color usage (Badges #618)
• Buttons: with icons, branded 🎉 (Buttons #621)
• Buttons: social buttons, implemented 🎉 (Buttons #621)
• Toggle buttons: with icons, and no outline, branded 🎉 (Buttons #621)

📖 Docs

• Syntax highlighting now provides sufficient contrasts (Syntax highlighting contrasts #589)
• details and summary in docs now look like accordions (e1f379ef)
• Accessible markup for decorative SVGs (0a2f616c5)

🧰 Chore

• Percy: add Cheatsheets to snapshots (b343fe2)
• Pa11y: update exclusion list by removing .chroma, [disabled] and [readonly] selectors (2a82eab and 97d3b3c)
• CI: allow to skip CIs, depending on paths for push event or on labels for pull requests (CI optimizations #612 CI: ensure actions run if they didn't bail early #613). Have a look at the wiki.