Skip to main content

Version 2.0.0

Thomas Mattheussen
PO & Lead Developer

🚀 New Feature

  • 💥 BREAKING: We’ve completely overhauled our CSS architecture in chameleon-react and now use vanilla CSS instead of SCSS. This also means we now use CSS Custom Properties instead of SCSS variables! (An SCSS output of all design tokens still remains available for you to use for the time being.) To be able to use it, you now have to include a little PostCSS configuration to make it work. !395.
  • max breakpoints: we’ve added some extra breakpoint design tokens. Each breakpoint now also has a 'max' version with a value of 1px less than the next breakpoint. This way, you have a breakpoint on each end of a viewport size. Now, when you are using @media (max-width: ...) you can use these new breakpoints! The <Hidden /> component now takes this into account as well. (which is technically speaking also 💥 BREAKING)

🎨 Themes

  • Enlarged the font-size for the small <BrandedHeading /> from 18px to 24px in chameleon-theme-dl !479
  • Added a logo variation brand-icon-newspaper to chameleon-theme-hbvl-summer-2020, chameleon-theme-gva-summer-2020, chameleon-theme-nb-winter-2021 !480

🏠 Internal