Error when building scss with Laravel (5.5) Mix


Topic: Error when building scss with Laravel (5.5) Mix

06chaynes pro asked 7 years ago

I am using Laravel Mix to compile all my scss files and I am running into an issue. When it gets to the _variables-b4.scss file I get the following error: Module build failed: $popover-arrow-outer-width: ($popover-arrow-width + 1px) !default; ^ Incompatible units: 'px' and 'rem'. in /website/resources/assets/vendors/mdb/sass/mdb/free/data/_variables-b4.scss (line 669, column 39) @ ./resources/assets/sass/app.scss 4:14-266 @ multi ./resources/assets/js/app.js ./resources/assets/sass/app.scss   Any ideas on a solution to this? I am using bootstrap 4.0.0-beta.2 currently.    

06chaynes pro commented 7 years ago

So I did get this to build after making the following change to _variables-b4.scss: Changed line 669 from : $popover-arrow-outer-width: ($popover-arrow-width + 1px) !default; to: $popover-arrow-outer-width: ($popover-arrow-width + 0.0625rem) !default;

06chaynes pro answered 7 years ago

No but I think this will need to be a change pushed upstream.

Marta Szymanska staff pro premium answered 7 years ago

Hi, do you still need help with your first question? Best, Marta

markhealey commented 7 years ago

Yes, this change needs to be made to the NPM package

Bartłomiej Malanowski staff pro premium commented 7 years ago

@markhealey, this will be done :)

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: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No