Moved one component to CSS Modules so we can take a look how migration is going and if everyone likes it.
Demo
CSS Modules desktop
CSS Modules mobile
CSS Modules dark
Styled Components desktop
Styled Components mobile
Review notes
Moved to SASS instead of CSS, because it looks like it's not possible to reuse media queries with CSS & CSS variables. Trying to use as less SASS syntax as possible, right now it's only used for breakpoints & media queries.
Description
Moved one component to CSS Modules so we can take a look how migration is going and if everyone likes it.
Demo
CSS Modules desktop
CSS Modules mobile
CSS Modules dark
Styled Components desktop
Styled Components mobile
Review notes
Moved to SASS instead of CSS, because it looks like it's not possible to reuse media queries with CSS & CSS variables. Trying to use as less SASS syntax as possible, right now it's only used for breakpoints & media queries.
Breakpoints were implemented similarly as https://getbootstrap.com/docs/5.0/layout/breakpoints/
default exports → named exports.
Storybook must import from
'.'
so we can make sure, that we are actually exposing from the package everything we show on demo stand.