Topic: Change border-radius for all elements using SASS free asked 3 years ago

Someone please tell me how to override mdb's default border-radius value to say 0, using SASS?

I can't find the source value for $border-radius-circle in _variables.scss


Marcin Luczak staff answered 3 years ago


Value of the $border-radius-circle is set to 50% by default. In Free version you can find it inside scss/core/_variables.sccs file on line 130.

If you would like to overwrite any scss value, in _custom-variables.scss file you can do the following:

$border-radius: 0 !important;

It will work if you are using any type of file bundler such as Gulp or Webpack to compile your .scss files. Otherwise, you'll have to include custom styles directly inside tag in your HTML .

You can check how to use Gulp or Webpack from our tutorials:

Gulp - you can check out and learn how to work with it from one of our tutorials here:

Webpack - you can check out and learn how to work with it from our article here:

Regards, Marcin

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 jQuery
  • MDB Version: 4.19.1
  • Device: PC
  • Browser: Firefox
  • OS: Windows
  • Provided sample code: No
  • Provided link: No