Topic: Custom breakpoints

hendrikhrr free asked 3 years ago

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

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

hendrikhrr free answered 3 years ago

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:

Best regards

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • 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