MyHomeTendance priority asked 3 years ago

I'm using webpack in order to create a custom theme with my 2 main color.

index.scss file :

@import '~mdb-ui-kit/src/scss/';

$my-theme-primary: #000000;

$my-theme-secondary: #FF0000;

$my-theme: mdb-light-theme($my-theme-primary, $my-theme-secondary);

@include mdb-theme($my-theme);

2 problems :

1st : when i execute "npm run build"

SassError: Can't find stylesheet to import. @import '~mdb-ui-kit/src/scss/';

Because the file is in '~mdb-ui-kit/src/MDB/scss/'; Why the path is not ok by default ?

2nd the modal does not have close button (Invisible cross) enter image description here

Grzegorz Bujański staff answered 3 years ago

Path to SCSS and js files for essential and advanced versions are different. The one given in the documentation is correct for the essential package. We will add an appropriate annotation there to make it clear.

We will fix the bug with close btn as soon as possible. For now you can add this code:

.btn-close {
  filter: invert(0) grayscale(100%) brightness(200%);

This will solve the problem.

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: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: 3.2.0
  • Device: all
  • Browser: all
  • OS: all
  • Provided sample code: No
  • Provided link: No