A
Alokaiβ€’13mo ago
Nikita

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
No description
10 Replies
skirianov
skirianovβ€’13mo ago
Do you want to remove one specific component or all of the styling?
Nikita
NikitaOPβ€’13mo ago
i think i have all styles inside my proj.. some yeah, remove all styles. but i wanna listen to you about all options)
skirianov
skirianovβ€’13mo ago
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 πŸ˜„
Nikita
NikitaOPβ€’13mo ago
Well, if the only way is to override unnecessary styles - so be it - thanks)😌
skirianov
skirianovβ€’13mo ago
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 😊
skirianov
skirianovβ€’13mo ago
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...
Nikita
NikitaOPβ€’13mo ago
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
skirianov
skirianovβ€’13mo ago
Unfortunately no, Stirefront UI 2 is based on Nuxt 3 and as you know nuxt2-nuxt3 are not compatible 😦
Nikita
NikitaOPβ€’13mo ago
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 ))
skirianov
skirianovβ€’13mo ago
Yes, we are working on releasing it and hopefully soon it will be ready πŸ™‚
Want results from more Discord servers?
Add your server