Remove styles from node_modules
How to remove style pulling from node_modules? I transferred all the components and styles from the node_modules to my project for complete control and customization over them. For example, I want to remove the box-shadow on hover in product card. I delete this CSS property in my project, but the value is also pulled up from the node_modules. How to exclude styles fromnode_modules?
![No description](https://cdn.answeroverflow.com/1172459700156125204/image.png)
![No description](https://cdn.answeroverflow.com/1172459700382605383/image.png)
10 Replies
Do you want to remove one specific component or all of the styling?
i think i have all styles inside my proj.. some yeah, remove all styles.
but i wanna listen to you about all options)
so you basically want unstyled storefront ui? π€
You could remove the node modules folder, but in CI when you are building the project, it will again install it.
I think if you want to remove it to that extent, it's just easier to use another unstyled components library π
Well, if the only way is to override unnecessary styles - so be it - thanks)π
Yeah, Storefront UI 1 was following the same practice many other UI libraries of that time did - UI components with overriding classes.
Only later on everyone realised that I styled components and actual open source code makes sense for the end user, thatβs why we made Storefront UI 2 π
https://github.com/mui-org/material-ui/issues/6218
You can also read this GH issue thread to see how community loved unstyled components π
GitHub
Provide a version of the components without any styles Β· Issue #621...
Material-UI as "material to build UI", not "material design"! I am wondering if it would make any sense to extract the core components of material-ui in a separate, completely n...
I'm using Vue Storefront v2 (nuxt 2) boilerplate for magento
https://docs.vuestorefront.io/v2/getting-started/project-structure.html
Is it possible to transfer project to the new Storefront UI 2 ?
Or do you need to start a new project with sdk and Storefront UI 2 ?π
Project structure | Vue Storefront 2
Vue Storefront 2 documentation
Unfortunately no, Stirefront UI 2 is based on Nuxt 3 and as you know nuxt2-nuxt3 are not compatible π¦
Got it, thank you very much, Sergey, for your answers. We are waiting for a template for magento on the new one Vuestore Front sdk with new Storefront UI 2 ))
Yes, we are working on releasing it and hopefully soon it will be ready π