[discussion] CSS modules

[amass01]

CSS modules are available and used in modern react apps in order to achieve styling encapsulation.

CSS modules will help us maintain very small styling files - where each component gets it's dedicated module/file which ensure no styling clashes cross the app which means no need to come up with very long unmaintainable class names everywhere.

[matheusd]

If we're going this route, it's probably best to do a small component first so we can check out what the code layout would look like.

[amass01]

@matheusd agreed - I'll be doing some POC work and update small part for #2438 per @alexlyp request, I thought maybe I could also migrate the styling to use CSS modules on the way.

what do you think ?

[matheusd]

Yeah, a poc for both is the way to go.

[amass01]

We have also stuff like:

 const className = [
      "trezor-passphrase-modal",
      this.props.isGetStarted ? "get-started" : ""
    ].join(" ");

Which can be replaced with: classNames(classNames(class1 , conditioned class2, ...)) and can be done while migrating .less files to css modules