Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!

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/mdb.pro.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/mdb.pro.scss';

Because the file is in '~mdb-ui-kit/src/MDB/scss/mdb.pro.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.

FREE CONSULTATION

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

Status

Answered

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