💥 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)