Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

MDC element classname shortening with CSS modules (easily) possible? #73

Closed
Masuzu opened this issue May 26, 2018 · 1 comment
Closed

Comments

@Masuzu
Copy link

Masuzu commented May 26, 2018

Hello,
With the BEM naming for base MDC elements, class names can become long very quickly, mdc-list-item__secondary-text for instance. I was thinking about using CSS modules to shorten such names, but according to rmwc/rmwc#113, it looks like it is not (easily) possible to do so without breaking some components which have event listeners attached (elements with a ripple effect for instance or menus).
Could someone please confirm or deny this?

@moog16
Copy link
Contributor

moog16 commented May 29, 2018

It is a little difficult if you're using create-react-app. Is that the tool you're using? It is possible, but there are several steps you need to take. To start you need to run yarn eject.

@moog16 moog16 closed this as completed May 31, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants