Topic: Custom breakpoints
Hey guys,
how exactly can i modify the existing breakpoints or add even new ones?
Currently my changes inside node_modules/mdbvue/lib/scss/core/bootstrap/_variables.scss don't have any impact:
$grid-breakpoints: (
xs: 0,
sm: 576px,
md: 1200px,
lg: 5000px,
xl: 10000px
) !default;
Rebuilding the mdbvue package doesn't work either currently.
Which changes and where exactly shall i perform them?
Thanks a lot and best regards
Hey Mikolaj,
thank you for your response!
Can you tell me how exactly i can recompile the file?
I ve tested all npm build commands in package.json and it unfortunately didn't work out.
Mostly the reason was that the build folder with the files is missing. I have no idea where it is.
Best regards
Mikołaj Smoleński staff commented 3 years ago
Compiling scss is available only on your own risk and we don't provide tools for it (as there are many different ways of compilation and configuration). I recommend installing sass in your project via npm.
Here's the guide: https://sass-lang.com/install
Best regards
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Free
- Premium support: No
- Technology: MDB Vue
- MDB Version: 6.7.1
- Device: Macbook
- Browser: Chrome
- OS: macOS Big Sur
- Provided sample code: No
- Provided link: No
Mikołaj Smoleński staff commented 3 years ago
Recompiling scss with updated breakpoints in _variables.scss should solve the issue. In which exact case it does not fulfill its purpose?
Best regards