Topic: Change border-radius for all elements using SASS

design.ge free asked 2 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

Thanks


Marcin Luczak staff answered 2 years ago


Hi,

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: https://mdbootstrap.com/education/bootstrap/gulp-installation/

Webpack - you can check out and learn how to work with it from our article here: https://mdbootstrap.com/articles/jquery/md-bootstrap-webpack-tutorial/

Regards, Marcin



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue

  • User: 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